Free Graphviz DOT Editor — Visualize Graphs Online
Write Graphviz DOT language and see your graph rendered live. Supports directed graphs, undirected graphs, clusters, trees, ER diagrams, and network topologies. Choose from 6 layout engines.
Key Features
- Live DOT language rendering with @viz-js/viz (WASM)
- 6 layout engines: dot, neato, fdp, sfdp, twopi, circo
- 6 built-in templates: directed, undirected, cluster, tree, ER, network
- Zoom and pan preview
- Export as SVG or PNG
- Resizable split panels
SimplyUtils vs Competitors
| Feature | SimplyUtils | Edotor | GraphvizOnline | Dreampuf |
|---|
| Multiple engines | ✓ | ✓ | ✓ | ✓ |
| Templates | ✓ | ✗ | ✗ | ✗ |
| Export SVG + PNG | ✓ | ✓ | ✓ | ✓ |
| Zoom control | ✓ | ✗ | ✓ | ✗ |
| Free to use | ✓ | ✓ | ✓ | ✓ |
Frequently Asked Questions
What is Graphviz DOT language?
DOT is a plain text graph description language. You define nodes and edges in a simple syntax, and Graphviz renders them as a visual graph. It's widely used for software architecture diagrams, dependency graphs, and flowcharts.
What's the difference between digraph and graph?
digraph creates a directed graph where edges have arrows (A -> B). graph creates an undirected graph with plain connections (A -- B).
Which layout engine should I use?
dot is best for hierarchical diagrams (flowcharts). neato and fdp are better for network/force-directed layouts. circo arranges nodes in a circle. twopi arranges in a radial tree.