• Document: Graphen zeichnen mit dot
  • Size: 715.71 KB
  • Uploaded: 2019-07-16 08:06:20
  • Status: Successfully converted


Some snippets from your converted document:

Dominik Wagenführ (Ubucon 2011) Graphen zeichnen mit dot 15.10.2011 1 / 44 Graphen zeichnen mit dot Dominik Wagenführ Ubucon 2011 15. Oktober 2011 Dominik Wagenführ (Ubucon 2011) Graphen zeichnen mit dot 15.10.2011 2 / 44 Übersicht Einleitung Knoten Kanten Graphen Beispiele Dominik Wagenführ (Ubucon 2011) Graphen zeichnen mit dot 15.10.2011 3 / 44 Einleitung I Teil von Graphviz1 I dot ist Name der Sprache ... I ... aber auch hierarchischer Layout-Algorithmus I andere Layout-Algorithmen: neato, circo I Dokumentation im Web2 1 http://graphviz.org/ 2 http://graphviz.org/Documentation.php Dominik Wagenführ (Ubucon 2011) Graphen zeichnen mit dot 15.10.2011 4 / 44 Einleitung – Anwendungen I Abhängigkeitsdiagramm I Netzwerkdarstellung I Strukturanalyse von Matrizen3 I Maschinenkonfiguration Beispiele 3 http://www2.research.att.com/~yifanhu/GALLERY/GRAPHS/index.html Dominik Wagenführ (Ubucon 2011) Graphen zeichnen mit dot 15.10.2011 5 / 44 Einleitung – Erstes Beispiel I ungerichteter Graph: graph G { Hallo -- Welt ; } I Übersetzen: $ dot example - graph1 . dot I Ergebnis zeigt dot-Ausgabe, samt Position der Elemente: graph G { node [ label =" N "]; graph [ bb ="0 ,0 ,70 ,108"]; Hallo [ pos ="35 ,90" , width ="0.97" , height ="0.50"]; Welt [ pos ="35 ,18" , width ="0.92" , height ="0.50"]; Hallo -- Welt [ pos ="35 ,72 35 ,61 35 ,47 35 ,36"]; } Dominik Wagenführ (Ubucon 2011) Graphen zeichnen mit dot 15.10.2011 6 / 44 Einleitung – Erstes Beispiel I Übersetzen als PNG-Bild $ dot - Tpng -O example - graph1 . dot I weitere Formate sind svg, pdf, eps und viele mehr4 I gerichteter Graph: digraph G { Hallo -> Welt ; } Hallo Hallo Welt Welt ungerichtet gerichtet 4 http://graphviz.org/content/output-formats Dominik Wagenführ (Ubucon 2011) Graphen zeichnen mit dot 15.10.2011 7 / 44 Knoten – Allgemeines digraph G { NODE1 ; /* Kommentar */ // noch ein Kommentar } I Abschluss durch Semikolon I Kommentare zwischen /* ... */ oder hinter // NODE1 Dominik Wagenführ (Ubucon 2011) Graphen zeichnen mit dot 15.10.2011 8 / 44 Knoten – Beschriftung digraph G { NODE1 [ label =" Kopf "]; NODE2 [ label =" Körper " , fontcolor =" red "]; NODE3 [ label =" Arme \ nBeine " , fontcolor ="0.8 ,1.0 ,1.0"]; NODE4 [ label =" Füße " , fontcolor ="#00 ff0055 "]; } I label – Beschriftung im Knoten I fontcolor – Farbe (als Wort, RGB5 oder HSV6 ) I Trennung per \n Arme Kopf Körper Füße Beine 5 https://secure.wikimedia.org/wikipedia/de/wiki/RGB-Farbraum 6 https://secure.wikimedia.org/wikipedia/de/wiki/HSV-Farbraum Dominik Wagenführ (Ubucon 2011) Graphen zeichnen mit dot 15.10.2011 9 / 44 Knoten – Beschriftung digraph G { NODE1 ; NODE2 [ fontname =" Times "]; NODE3 [ fontsize =5]; } I fontname – Schriftart I fontsize – Schriftgröße NODE1 NODE2 NO DE3 Dominik Wagenführ (Ubucon 2011) Graphen zeichnen mit dot 15.10.2011 10 / 44 Knoten – Form digraph G { NODE1 [ shape = box ]; NODE2 [ shape = plaintext , label =" Bezeichnung "]; NODE3 [ shape = doublecircle ]; NODE4 [ shape = point ]; NODE5 [ shape = folder ]; } I shape – Form des Knotens7 NODE1 Bezeichnung NODE3 NODE5 7 http://graphviz.org/content/node-shapes Dominik Wagenführ (Ubucon 2011) Graphen zeichnen mit dot 15.10.2011 11 / 44 Knoten – Aussehen digraph G { NODE1 [ style = dotted ]; NODE2 [ style = dashed ]; NODE3 [ style = invis ]; NODE4 [ style = rounded , shape = pentagon ]; NODE5 [ style = filled , fillcolor =" purple "]; NODE6 [ penwidth =2.0]; } I style – Aussehen I penwidth – Linienstärke

Recently converted files (publicly available):