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.

FAQ