Graphviz
The real Graphviz layout engine, compiled to WebAssembly — write a graph in DOT and watch it lay itself out as an SVG, live.
Graphviz is the tool that draws the diagrams in half the technical documentation you have ever read, and its `dot` language is a joy precisely because you describe the relationships and let the engine handle the layout. Here that engine runs in your browser: type DOT on the left, get a rendered SVG on the right as you type, with all seven layout engines — dot, neato, fdp, circo, twopi, osage and patchwork — a keystroke away.
A set of starting graphs covers the common shapes — a flowchart, a state machine, a dependency graph, a radial layout, an entity-relationship sketch. The result copies or downloads as clean SVG you can drop straight into a document or a slide. Nothing is sent anywhere; the layout happens on your machine.
What people open it for
- Turning a DOT description into a diagram for docs or a slide
- Trying the same graph across Graphviz's different layout engines
- Sketching a state machine or dependency graph quickly
- Getting clean SVG out without installing Graphviz