Skip to main content

Graphviz

Graphviz creates directed and undirected graphs from the DOT language.

Use this type​

Use Graphviz when graph structure and automatic layout are more important than manual placement.

Source format​

The source format is DOT text. Enter the source in the diagram.zip editor.

Syntax essentials​

  • Use digraph for directed edges.
  • Use graph for undirected edges.
  • Use -> for a directed edge.
  • Use -- for an undirected edge.
  • Put attributes in square brackets.

Example​

digraph delivery {
  rankdir=LR
  idea -> agent -> diagram
}
Rendered exampleDrag to pan. Use the wheel or controls to zoom.
100%
This view uses the live diagram.zip renderer.

Upstream reference​

Graphviz documentation