sketch
sketch playground
Type Mermaid and see sketch draw it as you type. sketch runs in your browser as WebAssembly.
Type Mermaid here.
The diagram changes shape as you type: each new drawing moves from the last one. sketch is the same Go code as tuios.dev/sketch, compiled to WebAssembly. It runs in a worker in this tab and sends nothing to a server.
- Pick an example. The showcases are larger drawings with colours, groups and notes. The other examples show each of the eight diagram types.
- Pick a theme. Match the site follows the light or dark mode of these docs.
- Copy link puts the diagram and the theme in the address. The link opens the same drawing.
- Copy SVG and PNG give the drawing with the theme colours written in.
An error marks its line in the editor and keeps the last good drawing on screen. The other Mermaid diagram types give the error unsupported-diagram.