GraphViz

Aus SchulWiki Köln
Wechseln zu: Navigation, Suche

Mit der Erweiterung GraphViz können sie strukturierte Informationen grafisch darstellen. Auf dieser Seite sind einige Darstellungsmöglichkeiten, die sich mit GraphViz umsetzen lassen, abgebildet.

Im Abschnitt Linkliste, der sich am Ende des Artikel befindet, sind Internetseiten aufgeführt die weitere Beispiele und Anleitungen zu GraphViz enthalten.

einfaches Beispiel

<graphviz> digraph A {Hallo -> Welt; Hallo -> Benutzer;} </graphviz>

 

  <graphviz> digraph A { Hallo -> Welt; Hallo -> Benutzer; } </graphviz>

Ausrichtung

Die Ausrichtung einer Grafik lässt sich mit rankdir=LR bestimmen. ersetzen:

<graphviz> digraph a1 { rankdir=TB; A -> B; </graphviz>

<graphviz> digraph a2 { rankdir=BT; A -> B; </graphviz>

<graphviz> digraph a3 { rankdir=LR; A -> B; </graphviz>

<graphviz> digraph a4 { rankdir=RL A -> B; </graphviz>

Von oben nach unten Von unten nach oben Von links nach rechts Von rechts nach links
 

  <graphviz> digraph a1 { rankdir=TB; A -> B; </graphviz>

 

  <graphviz> digraph a2 { rankdir=BT; A -> B; </graphviz>

 

  <graphviz> digraph a3 { rankdir=LR; A -> B; </graphviz>

 

  <graphviz> digraph a4 { rankdir=RL A -> B; </graphviz>

komplexes Beispiel

<graphviz> digraph B {

subgraph cluster_0 { style=filled; color=lightgrey; node [style=filled,color=white]; a0 -> a1 -> a2 -> a3; label = "Teil 1"; }

subgraph cluster_1 { node [style=filled]; b0 -> b1 -> b2 -> b3; label = "Teil 2"; color=blue } start -> a0; start -> b0; a1 -> b3; b2 -> a3; a3 -> a0; a3 -> end; b3 -> end;

start [shape=diamond]; end [shape=box]; } </graphviz>

 

  <graphviz> digraph G { subgraph cluster_0 { style=filled; color=lightgrey; node [style=filled,color=white]; a0 -> a1 -> a2 -> a3; label = "Teil 1"; } subgraph cluster_1 { node [style=filled]; b0 -> b1 -> b2 -> b3; label = "Teil 2"; color=blue } start -> a0; start -> b0; a1 -> b3; b2 -> a3; a3 -> a0; a3 -> end; b3 -> end; start [shape=diamond]; end [shape=box]; } </graphviz>

farbiges Beispiel

<graphviz>

digraph F {

size ="4,4";
main [shape=box]; /* this is a comment */
main -> parse [weight=8];
parse -> execute;
main -> init [style=dotted];
main -> cleanup;
execute -> { make_string; printf}
init -> make_string;
edge [color=red]; // ab jetzt Pfeile rot
main -> printf [style=bold,label="100 mal"];
make_string [label="make a\nstring"];
node [shape=box,style=filled,color=".7 .3 1.0"];
execute -> compare;
}

</graphviz>

 

  <graphviz> digraph G { size ="4,4"; main [shape=box]; /* this is a comment */ main -> parse [weight=8]; parse -> execute; main -> init [style=dotted]; main -> cleanup; execute -> { make_string; printf} init -> make_string; edge [color=red]; // ab jetzt Pfeile rot main -> printf [style=bold,label="100 mal"]; make_string [label="make a\nstring"]; node [shape=box,style=filled,color=".7 .3 1.0"]; execute -> compare; } </graphviz>

Linkliste

 

Hinweis

Diese Seite enthält eine Kopie oder Ausschnitte der Seite http://wiki.zum.de/Hilfe:Graphviz aus der offenen Plattform für Lehrinhalte und Lernprozesse ZUM-Wiki vom 11.10.2012. Der Inhalt unterliegt der Creative-Commons-Lizenz "Namensnennung-Weitergabe unter gleichen Bedingungen 3.0 Deutschland" (CC BY-SA 3.0). Im ZUM-Wiki ist eine Liste der Autoren verfügbar.