# Diagram as code in your browser — no upload

> Write flowcharts, sequence, class, ER, state, Gantt, and mind maps in Mermaid, or render Graphviz DOT graphs — live preview and SVG/PNG/PDF export, all in your browser.

Diagram Desk turns text into diagrams entirely on-device. Mermaid and Graphviz run in your browser via JavaScript and WebAssembly — your diagram source is never uploaded.

## Tools in this workspace

- [Flowchart](https://www.safepaper.app/diagram/flowchart): Write a flowchart in Mermaid text and see it render live, then export SVG, PNG, or PDF — all in your browser, nothing uploaded.
- [Sequence diagram](https://www.safepaper.app/diagram/sequence-diagram): Turn a few lines of Mermaid into a clean sequence diagram of actors and messages. Live preview and SVG/PNG/PDF export, 100% on-device.
- [State diagram](https://www.safepaper.app/diagram/state-diagram): Model state machines and transitions with Mermaid and render them instantly. Export vector or raster — your text never leaves the tab.
- [Class diagram](https://www.safepaper.app/diagram/class-diagram): Describe classes, fields, methods, and relationships in Mermaid and get a UML class diagram — live preview, local export, no sign-up.
- [ER diagram](https://www.safepaper.app/diagram/er-diagram): Sketch database entities and relationships with Mermaid ER syntax and render them live. Export SVG/PNG/PDF entirely on your device.
- [Mind map](https://www.safepaper.app/diagram/mindmap): Outline ideas as an indented list and render a radial mind map with Mermaid. Live preview and local SVG/PNG/PDF export.
- [Gantt chart](https://www.safepaper.app/diagram/gantt-chart): Plan tasks, sections, and dependencies in Mermaid and render a Gantt timeline. Everything runs locally — export SVG, PNG, or PDF.
- [Graphviz (DOT)](https://www.safepaper.app/diagram/graphviz): Render Graphviz DOT graphs with the real Graphviz engine compiled to WebAssembly — runs fully in your browser. Export SVG, PNG, or PDF.
- [Playground](https://www.safepaper.app/diagram/playground): A free-form canvas for any Mermaid diagram or Graphviz DOT graph. Switch engines, edit live, and export — all on-device, nothing uploaded.

Each tool also has a Markdown mirror at its URL plus `.md` (for example https://www.safepaper.app/diagram/flowchart.md).

---

Canonical HTML: https://www.safepaper.app/diagram
Markdown: https://www.safepaper.app/diagram.md

There is no upload endpoint — your files are processed in this browser tab. Open your network tab and check.