Graphviz Online Editor & DOT Viewer
DOT source
Auto-renders as you type
About this Graphviz online editor
This is a free, browser-based Graphviz editor for the DOT language. Type or paste DOT source to see a live graph preview, or switch between Code and Preview on your phone. Rendering runs locally in your browser; using AI assistance sends your source to the AI service. It handles directed and undirected graphs, subgraphs and clusters, record and HTML-like labels, and the full range of Graphviz node shapes and layouts.
How it works
- Edit & preview: write DOT (
digraph/graph) and see the rendered graph update in real time. - Export: download an up-to-date graph as SVG or PNG, or copy it for Word and Google Docs. Exports include the full graph regardless of preview zoom.
- Share: the diagram is encoded in the URL, so you can copy the link to share an exact graph — no account required.
- AI assist: describe a diagram in plain English and let the assistant scaffold or edit the DOT for you.
Syntax errors keep the last valid graph visible with a stale-preview label. Correct the highlighted source or use Fix with AI. The Insert menu adds nodes, edges, and clusters without replacing your existing nodes; use your editor's undo shortcut to reverse an insertion.
New to the DOT language? Start with the interactive Graphviz tutorial or the Graphviz cheatsheet. Looking for ready-made diagrams? Browse the Graphviz examples and the reference of Graphviz node shapes.