Plans & engines
Render Graphviz DOT graphs with the real Graphviz engine compiled to WebAssembly — runs fully in your browser. Export SVG, PNG, or PDF.
There is no upload endpoint — your files are processed in this browser tab. Open your network tab and check. See how it stays private.
How to render a Graphviz DOT graph
- Write DOT. Enter your graph in Graphviz DOT syntax (digraph { A -> B }).
- Pick a layout. Use rankdir and node styles to shape the graph.
- Render. The WASM Graphviz engine draws it live.
- Export. Download SVG, PNG, or PDF.
Graphviz is the tool of choice when a graph is big or the layout has to be precise — dependency graphs, state machines, network topologies. Running the genuine engine in WebAssembly gives you that power in the browser with no install and no server, and no source leaving your machine.
DOT's control — ranks, clusters, edge constraints, per-node styling — is what lets a hundred-node graph stay readable, which is where drag-and-drop tools fall apart.
For quick, common diagrams Mermaid is faster (see the Flowchart), and the Playground lets you switch between both engines in one place.
Frequently asked questions
Is this the real Graphviz engine?
Yes — it's Graphviz compiled to WebAssembly, so DOT graphs lay out exactly as they would with the desktop tool, but without installing anything.
When should I use Graphviz over Mermaid?
Graphviz excels at large, densely connected graphs and fine layout control (rankdir, clusters, edge constraints). Mermaid is quicker for common diagram types.
Can I use clusters and custom node styles?
Yes. Full DOT is supported — subgraph clusters, node shapes and colors, edge styles — so you can produce publication-quality graphs.
Does my DOT source get uploaded?
No. Layout runs in the WebAssembly engine in your tab, so even a graph of internal infrastructure stays local.
Related tools
- PlaygroundA free-form canvas for any Mermaid diagram or Graphviz DOT graph. Switch engines, edit live, and export — all on-device, nothing uploaded.
- FlowchartWrite a flowchart in Mermaid text and see it render live, then export SVG, PNG, or PDF — all in your browser, nothing uploaded.
- State diagramModel state machines and transitions with Mermaid and render them instantly. Export vector or raster — your text never leaves the tab.
- Class diagramDescribe classes, fields, methods, and relationships in Mermaid and get a UML class diagram — live preview, local export, no sign-up.