# sketch playground

URL: https://tuios.dev/docs/libraries/sketch/playground

> Type Mermaid and see sketch draw it as you type. sketch runs in your browser as WebAssembly.

*[An interactive figure goes here. Open the page to use it.](https://tuios.dev/docs/libraries/sketch/playground)*

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`](https://tuios.dev/docs/libraries/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`.