This demo is best experienced on a larger device.
CoDoodler: Collaboration Demo
Draw with your friends! Powered by PubNub, our real-time collaboration demo demonstrates a simple drawing application that allows for multiple users to draw at the same time on a canvas.
![](https://www.pubnub.com/cdn/3prze68gbwl1/1eTWAOMWdNb6iEg1TIZvH1/cc3de9b09cb76ebfd57a93f9fab7b5e3/demo-example.png?w=1024&h=617&fit=fill)
![](https://www.pubnub.com/cdn/3prze68gbwl1/1eTWAOMWdNb6iEg1TIZvH1/cc3de9b09cb76ebfd57a93f9fab7b5e3/demo-example.png?w=1024&h=617&fit=fill)
About this demo
With PubNub, you can create a real-time collaborative demo in the web using PubNub's JavaScript SDK to update users in real-time with drawings, name changes, and mouse positions.
Features
Publish: Update users in real-time with mouse positions, drawing, and name updates.
Subscribe: Listen for and view other mouse positions, drawing, and name updates in real-time.
Presence: Get currently present users and listen to new presence events. Generate new drawing pointers that track other user mouse positions and names.
Canvas: Use the Canvas element to draw 2D lines.