GraphViz

Created: 2021-07-29 Updated: 2021-09-06 History Videos

Stop highlighting changes

[1598] - 2021-08-01 - (0) - 2021-08-04 - [1601]

123

[Duration: 5 min]

Bei GraphViz handelt es sich um eine offene Auszeichnungssprache, mit der man Diagramme erstellen kann. GraphViz kann kostenlos genutzt werden und lässt sich zum Beispiel dazu zu verwenden, Diagramme durch eine Webseite oder andere Programme automatisiert erstellen zu lassen. Auf dieser Seite sammle ich nützliche Hinweise für die Arbeit mit GraphViz.

Figure 1. Ein einfaches Diagramm, das mit GraphViz erstellt wurde

Gliederung

  1. Verwendung

Verwendung

Figure 2. Eine Verzweigung in GraphViz

Dieses Diagramm entsteht aus folgendem Text:

digraph {    Hallo -> das -> ist -> GraphViz    das -> wird -> gut}

Um GraphViz benutzen zu können, benötigt man nur einen Texteditor, in den man die einzelnen Befehle eingibt. Der Texteditor kann dann zum Beispiel durch ein Plugin erweitert werden, um das Ergebnis als Grafik ausgeben zu lassen. Ich nutze dafür zum Beispiel VSCodium und das Plugin GraphViz language support.

Alternativ dazu eignet sich auch die Webseite Viz.js, auf der man GraphViz im Browser benutzen kann.

Man kann aber auch für Automatisierungszwecke den Text als Eingabe für einen Kompilierer auf der Kommandozeile verwenden, um ihn dann in ein Bild umzuwandeln.

Für GraphViz besteht die Möglichkeit, die Diagrammbeschreibungen statisch in eine Grafik umzuwandeln oder dynamisch anzeigen zu lassen. Ein Vorteil der statischen Methode besteht darin, dass Nutzer auf einer Webseite bei einer geringen Anzahl von Diagrammen weniger Daten laden müssen, da die Umwandlung nicht durch die Webseite bereitgestellt werden muss. Der Vorteil der dynamischen Methode besteht jedoch darin, dass das Ergebnis der Diagrammbeschreibung (wie bei Viz.js) direkt im Browser bearbeitet und angezeigt werden kann, ohne dass Zwischenschritte erforderlich sind.

Für diese Webseite nutze ich die statische Methode, da ich pro Seite nur wenige Diagramme verwende und die JavaScript-Datei für die Darstellung für meine Verhältnisse zu groß ist.

Anmerkungen

    Abbildungen

    Literatur