Die D3 Graphviz Theme Component ermöglicht es Ihnen, animierte Graphviz-Diagramme mithilfe der DOT-Sprache in Ihren Beiträgen darzustellen. Sie basiert auf d3-graphviz.
Installation
Siehe Wie installiere ich ein Theme oder eine Theme-Komponente?
Verwendung
Statische Diagramme
Dies ist nur eine kurze Einführung. Vielleicht möchten Sie den detaillierten Beitrag Render Graphviz graphs directly in your posts - Announcements - Graphviz lesen, der die Theme-Komponente in Aktion zeigt, oder dem Graphviz-Forum beitreten, wo Sie es selbst ausprobieren können.
Um ein Diagramm inline in Ihrem Beitrag darzustellen, umschließen Sie die Diagrammdefinition mit dot-Tags wie folgt:
[dot] digraph {a -\u003e b} [/dot]
Die Blockform wird ebenfalls unterstützt:
[dot]
digraph {
a -\u003e b
}
[/dot]
Animierter Übergang zwischen Diagrammen
Ein animierter Übergang zwischen mehreren Diagrammen wird angezeigt, wenn mehr als ein Diagramm denselben Absatz eines Beitrags hinzufügt und sich nur Leerzeichen zwischen ihnen befinden:
[dot] digraph {bgcolor=lightblue a -\u003e b} [/dot]
[dot] digraph {bgcolor=lightblue a -\u003e b; a -\u003e c} [/dot]
[dot] digraph {bgcolor=lightblue a -\u003e b; a -\u003e c; b -\u003e c} [/dot]
oder
[dot]
digraph {
a -\u003e b
}
[/dot]
[dot]
digraph {
a -\u003e b
a -\u003e c
}
[/dot]
[dot]
digraph {
a -\u003e b
a -\u003e c
b -\u003e c
}
[/dot]
Absätze werden durch Leerzeilen getrennt, sodass dies drei separate Diagramme erzeugt:
[dot] digraph {bgcolor=lightblue a -\u003e b} [/dot]
[dot] digraph {bgcolor=lightblue a -\u003e b; a -\u003e c} [/dot]
[dot] digraph {bgcolor=lightblue a -\u003e b; a -\u003e c; b -\u003e c} [/dot]
Optionen
Die Diagramme und die animierten Übergänge sind durch Optionen, die Sie zum dot-Tag hinzufügen können, stark anpassbar. Siehe Render Graphviz graphs directly in your posts - Announcements - Graphviz.
