sphinx-graphviz
Contents
7.3. sphinx-graphviz#
Uitleg over de extensie sphinx-graphviz
.
Met Graphviz kun je diagrammen tekenen op basis van een tekst-gebaseerde beschrijving.
7.3.1. Installatie en configuratie#
om graphviz te kunnen gebruiken moet de bijbehorende software (“dot” enz.) op je computer geïnstalleerd zijn.
op de Jupyter Hub voor auteurs is deze software al geïnstalleerd
om graphviz te gebruiken in Jupyter Book moet je deze als sphinx-extensie opgeven (in
_config
:
sphinx:
extra_extensions:
- sphinx_exercise
- sphinx.ext.graphviz
config:
language: nl
graphviz_output_format: "svg"
Het default output-formaat is PNG, maar SVG geeft een wat “strakker” resultaat.
7.3.2. Documentatie#
documentatie van de graphviz-software: https://graphviz.org
documentatie van de Sphinx-extensie: https://www.sphinx-doc.org/en/master/usage/extensions/graphviz.html
online-omgeving voor het testen van een diagram: http://magjac.com/graphviz-visual-editor/
7.3.3. Voorbeelden#
Met Graphviz kun je diagrammen tekenen op basis van een tekst-gebaseerde beschrijving. De volgende input (“digraph” staat voor directed graph):
:::{graphviz}
:align: center
digraph G {
rankdir=LR
node [shape=box, color=blue]
stap1 -> stap2 -> stap3
}
:::
geeft het volgende resultaat:
Nog een voorbeeld:
:::{graphviz}
:align: center
digraph G {
node1 [label="Hello"]
node2 [shape=box, label="World!"]
node1 -> node2
}
:::
De default rankdir is TB
(top-to-bottom); de default shape is ellipse
; de default color is black
.
7.3.4. Alternatieve diagram-extensies#
Er zijn meer van dergelijke diagram-uitbreidingen, in verschillende variaties, voor verschillende soorten toepassingen. Zie bijvoorbeeld het overzicht: