A whiteboard for walking people through a diagram: draw on it, point at it, and keep what you marked.
Try ZoodleDoodleDemo
We draw a lot of diagrams to explain how things fit together, and we kept wanting to point at them while we talked. ZoodleDoodle opens any diagram full screen on a sheet of your choosing — blueprint blue, dark or light — and gives you markers, a laser pointer, lightsabers and Post-its to mark it up.
Paste in your own Mermaid diagram and it draws it for you, by hand if you like. When you’re done, export the diagram with your marks as SVG, PNG or PDF. It all happens in your browser: nothing you paste or draw is kept or sent.
Built with
- Mermaid
- perfect-freehand
- Next.js
- SVG
Accessibility
What works: every control on the board — the tools, their colours, zoom, text size, the sheet, export and close — is a named button you can reach by keyboard; the arrow keys move along the toolbar and Escape closes the board. The diagram has a written description for screen readers. Sound is off until you turn it on, and if you’ve asked your device for less motion, the animations stay still. What doesn’t yet: drawing, the laser, the lightsabers and Post-its need a mouse, finger or pen — there’s no way to draw from the keyboard. Marks you make aren’t described to a screen reader, and the diagram itself is read as its description, not as boxes and arrows you can move between.