# GraphViz examples

Graphviz places the nodes for you, which is why it is the format most tooling emits. These examples cover the four shapes of graph you will actually meet.

If your diagram is generated rather than drawn, this is almost certainly the language it arrives in.

---

## Every example here is real

Each page holds a diagram that is stored, rendered and editable exactly like one you drew yourself. Open any of them, change something, and see what happens. Nothing here is a screenshot.

---

## In this set

[Undirected graph (GraphViz)A Graphviz undirected graph joining nodes with double dashes.](https://help.gocapable.com/diagrams/undirected-graph-graphviz.html)[State diagram (GraphViz)A finite state machine in DOT with doublecircle accept states and labelled transitions.](https://help.gocapable.com/diagrams/state-diagram-graphviz.html)[Subgraph and cluster (GraphViz)Group nodes into boxed clusters with Graphviz subgraph cluster naming.](https://help.gocapable.com/diagrams/subgraph-and-cluster-graphviz.html)[Record and struct (GraphViz)Draw structs and tables with Graphviz record shapes and named ports for edges.](https://help.gocapable.com/diagrams/record-and-struct-graphviz.html)

---

## Related

[ReferenceThe language reference behind these.](https://help.gocapable.com/diagrams/reference.html)

[Diagram typesGrouped by what you want to draw.](https://help.gocapable.com/diagrams/diagram-types.html)

[ExamplesEvery other set.](https://help.gocapable.com/diagrams/examples.html)

---

_Give it the edges. It does the rest._