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. For node and rank spacing, compare the Graphviz layout examples. Looking for ready-made diagrams? Browse the Graphviz examples and the reference of Graphviz node shapes. To attach edges to specific sides or table cells, follow the node ports guide.