GraphViz Diagrams

GraphViz diagrams in Markdown
Updated 3 Feb 2021

Using circo layout

The following code in Markdown:

```circo
# A graph showing the dependencies in the system
# Drawn using GraphViz with circo layout
digraph {
A -> B;
B -> C;
C -> D;
D -> A;
D -> E -> F -> G -> D;
}
```

Produces the following graph:

Drawn using GraphViz with circo layoutdigraph { A -> B [label="AB"]; B -> C; C -> D; D -> A; D -> E -> F -> G -> D; }ABABCDEFG
A graph showing the dependencies in the system

Using dot layout

The following code in Markdown:

```dot
# A graph showing the dependencies in the system
# Drawn using GraphViz with dot layout
digraph {
A -> B;
B -> C;
C -> D;
D -> A;
D -> E -> F -> G -> G -> D;
}
```

Produces the following graph:

Drawn using GraphViz with dot layoutdigraph { A -> B; B -> C; C -> D; D -> A; D -> E -> F -> G -> G -> D; }ABCDEFG
A graph showing the dependencies in the system

Using fdp layout

The following code in Markdown:

```fdp
# A graph showing the dependencies in the system
# Drawn using GraphViz with fdp layout
digraph {
A -> B;
B -> C;
C -> D;
D -> A;
D -> E -> F -> G -> D;
}
```

Produces the following graph:

Drawn using GraphViz with fdp layoutdigraph { A -> B; B -> C; C -> D; D -> A; D -> E -> F -> G -> D; }ABCDEFG
A graph showing the dependencies in the system

Using neato layout

The following code in Markdown:

```neato
# A graph showing the dependencies in the system
# Drawn using GraphViz with neato layout
digraph {
A -> B;
B -> C;
C -> D;
D -> A;
D -> E -> F -> G -> D;
}
```

Produces the following graph:

Drawn using GraphViz with neato layoutdigraph { A -> B; B -> C; C -> D; D -> A; D -> E -> F -> G -> D; }ABCDEFG
A graph showing the dependencies in the system

Using osage layout

The following code in Markdown:

```osage
# A graph showing the dependencies in the system
# Drawn using GraphViz with osage layout
digraph {
A -> B;
B -> C;
C -> D;
D -> A;
D -> E -> F -> G -> D;
}
```

Produces the following graph:

Drawn using GraphViz with osage layoutdigraph { A -> B; B -> C; C -> D; D -> A; D -> E -> F -> G -> D; }ABCDEFG
A graph showing the dependencies in the system

Using patchwork layout

The following code in Markdown:

```patchwork
# A graph showing the dependencies in the system
# Drawn using GraphViz with patchwork layout
digraph {
A -> B;
B -> C;
C -> D;
D -> A;
D -> E -> F -> G -> D;
}
```

Produces the following graph:

Drawn using GraphViz with patchwork layoutdigraph { A -> B; B -> C; C -> D; D -> A; D -> E -> F -> G -> D; }ABCDEFG
A graph showing the dependencies in the system

Using twopi layout

The following code in Markdown:

```twopi
# A graph showing the dependencies in the system
# Drawn using GraphViz with twopi layout
digraph {
A -> B;
B -> C;
C -> D;
D -> A;
D -> E -> F -> G -> D;
}
```

Produces the following graph:

Drawn using GraphViz with twopi layoutdigraph { A -> B; B -> C; C -> D; D -> A; D -> E -> F -> G -> D; }ABCDEFG
A graph showing the dependencies in the system
General
Glossary
NUbots acknowledges the traditional custodians of the lands within our footprint areas: Awabakal, Darkinjung, Biripai, Worimi, Wonnarua, and Eora Nations. We acknowledge that our laboratory is situated on unceded Pambalong land. We pay respect to the wisdom of our Elders past and present.
Copyright © 2023 NUbots - CC-BY-4.0
Deploys by Netlify