GraphvizGraph Visualization Software für dieDOT Auszeichnungssprache
Graphviz und die DOT LanguageSprachelemente und Anwendung der DOT Language      – Graphen       – Syntax        – Anwendun...
DOT Language
DOT is a plain text graph description language. It is a simple way of describing graphs that both humans and computer     ...
DOT Language – Gerichtete und UngerichteteGraphenGraphen bestehen aus einer Menge von Punkten (Knoten) die  durch Linien (...
DOT Language – Syntaxgraph graphname {    a -- b -- c;    b -- d;}
DOT Language – Grammatik (1)[http://www.graphviz.org/doc/info/lang.html]EBNF Notationgraph:       [ strict ] (graph | digr...
DOT Language – Grammatik (2)[http://www.graphviz.org/doc/info/lang.html]attr_stmt:   (graph | node | edge) attr_listattr_l...
DOT Language – Grammatik (3)[http://www.graphviz.org/doc/info/lang.html]node_id:      ID [ port ]Port:         : ID [ : co...
DOT Language – Attribute          [http://www.graphviz.org/doc/info/attrs.html]          Zur Spezifizierung des auszugeben...
DOT Language – Beispiel (1)graph gInfosysteme {  node [style=unfilled style=bold]  rankdir=LR;  Informationssysteme;
DOT Language – Beispiel (2)subgraph gInformationssyteme {    node [shape=doubleoctagon style=filled fillcolor=gray90]    I...
DOT Language – Beispiel (3)subgraph gAnforderungen {    node [shape=box style=filled fillcolor=gray96]    Anforderungen --...
DOT Language – Beispiel (4)subgraph gDozent {    node [shape=box style=filled fillcolor=gray96]    Dozent -- "Jürgen Reisc...
DOT Language – Beispiel (5)
Graphviz
Graphviz (short for Graph Visualization Software) is a package of open source tools initiated by AT&T ResearchLabs for dra...
Graphviz - Graph Visualization SoftwareOpen Source Visualization Software      – Entwickelt vom AT&T Research Lab       – ...
Graphviz – Download, Installation, AnwendungDownload von der Projektseite www.graphviz.orgInstallation per *.msi Datei (Wi...
Graphviz – Layoutprogramme        [http://en.wikipedia.org/wiki/Graphviz]           Programm                           Aus...
Graphviz - Ausgabeformate        Option                  Ausgabeformat-Tps                    Postscript-Tsvg             ...
Graphviz - ProgrammaufrufProgramm -TAusgabeformat Quelldatei -o Ausgabedatei
Graphviz - Ausgabe: dot
Graphviz – Ausgabe: fdp
Graphviz – Ausgabe: circo
Graphviz – Ausgabe: twopi
Graphviz - AnwendungsbeispielDarstellung von Verbindungen innerhalb eines Social Network(1) Graph repräsentiert die Verbin...
QuellenDOT-Language[http://www.graphviz.org/doc/info/lang.html] Letzter Zugriff am 03.06.2010[http://www.graphviz.org/doc/...
Nächste SlideShare
Wird geladen in …5
×

Graphiz - Using the DOT Language

2.672 Aufrufe

Veröffentlicht am

Eine kurze Präsentation der DOT Language und des graphviz-Tools.
DOT ist eine Markupsprache zu Beschreibung gerichteter und ungerichteter Graphen.

Die Präsentation wurde im Sommer 2010 im Rahmen eines Kurses "Informationssysteme" an der Universität Regensburg gehalten. Thema war die Visualisierung von Information.

0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
2.672
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
6
Aktionen
Geteilt
0
Downloads
11
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Graphiz - Using the DOT Language

  1. 1. GraphvizGraph Visualization Software für dieDOT Auszeichnungssprache
  2. 2. Graphviz und die DOT LanguageSprachelemente und Anwendung der DOT Language – Graphen – Syntax – AnwendungsmöglichkeitenGraphviz – Installation – Tools – Anwendungsbeispiele
  3. 3. DOT Language
  4. 4. DOT is a plain text graph description language. It is a simple way of describing graphs that both humans and computer programs can use. [wikipedia:http://en.wikipedia.org/wiki/DOT_language]
  5. 5. DOT Language – Gerichtete und UngerichteteGraphenGraphen bestehen aus einer Menge von Punkten (Knoten) die durch Linien (Kanten) miteinander verbunden sind.Bei Ungerichtete Graphen verbinden die Kanten die Punkte untereinander.Bei Gerichteten Graphen zeigen die Kanten außerdem die Richtung der Verbindung zwischen den Knoten an.
  6. 6. DOT Language – Syntaxgraph graphname { a -- b -- c; b -- d;}
  7. 7. DOT Language – Grammatik (1)[http://www.graphviz.org/doc/info/lang.html]EBNF Notationgraph: [ strict ] (graph | digraph) [ ID ] { stmt_list }stmt_list: [ stmt [ ; ] [ stmt_list ] ]Stmt: | node_stmt | edge_stmt | attr_stmt | ID = ID | subgraph
  8. 8. DOT Language – Grammatik (2)[http://www.graphviz.org/doc/info/lang.html]attr_stmt: (graph | node | edge) attr_listattr_list: [ [ a_list ] ] [ attr_list ]a_list: ID [ = ID ] [ , ] [ a_list ]edge_stmt: (node_id | subgraph) edgeRHS [ attr_list ]EdgeRHS: edgeop (node_id | subgraph) [ edgeRHS ]node_stmt: node_id [ attr_list ]
  9. 9. DOT Language – Grammatik (3)[http://www.graphviz.org/doc/info/lang.html]node_id: ID [ port ]Port: : ID [ : compass_pt ] | : compass_ptsubgraph: [ subgraph [ ID ] ] { stmt_list }compass_pt: (n | ne | e | se | s | sw | w | nw | c | _)
  10. 10. DOT Language – Attribute [http://www.graphviz.org/doc/info/attrs.html] Zur Spezifizierung des auszugebenden Layouts existieren zahlreiche Attribute. Attribute Layout Beispielstyle Aussehen von Kanten und Knoten style=boldshape Form der Knotenrankdir Orientierung des Graphen shabe=boxlabel Beschriftungen an Kanten rankdir=TBcolor Farben label=“Hello
  11. 11. DOT Language – Beispiel (1)graph gInfosysteme { node [style=unfilled style=bold] rankdir=LR; Informationssysteme;
  12. 12. DOT Language – Beispiel (2)subgraph gInformationssyteme { node [shape=doubleoctagon style=filled fillcolor=gray90] Informationssysteme -- Themen; Informationssysteme -- Anforderungen; Informationssysteme -- Dozent;}
  13. 13. DOT Language – Beispiel (3)subgraph gAnforderungen { node [shape=box style=filled fillcolor=gray96] Anforderungen -- Klausur; Anforderungen -- Referat; subgraph gReferat { node [shape=plaintext style=unfilled] Referat -- "90 Minuten"; Referat -- Gruppenarbeit; }}
  14. 14. DOT Language – Beispiel (4)subgraph gDozent { node [shape=box style=filled fillcolor=gray96] Dozent -- "Jürgen Reischer"; subgraph gJReischer { node [shape=plaintext style=unfilled] "Jürgen Reischer" -- Sprechstunde; "Jürgen Reischer" -- Büro; Sprechstunde -- "Do. 11.00 bis 12.00 Uhr"; Büro -- "PT 3.0.68"; }}}
  15. 15. DOT Language – Beispiel (5)
  16. 16. Graphviz
  17. 17. Graphviz (short for Graph Visualization Software) is a package of open source tools initiated by AT&T ResearchLabs for drawing graphs specified in DOT language scripts [wikipedia:http://en.wikipedia.org/wiki/Graphviz]
  18. 18. Graphviz - Graph Visualization SoftwareOpen Source Visualization Software – Entwickelt vom AT&T Research Lab – CPL 1.0 – Versionen für Windows, Mac und diverse Linux Systeme – Language Bindings: Java, C#, Ruby, Perl, ...Programmpaket – Layoutprogramme – Viewer
  19. 19. Graphviz – Download, Installation, AnwendungDownload von der Projektseite www.graphviz.orgInstallation per *.msi Datei (Windows) oder Paketmanager (Unix- Systeme)Bedienung über Kommandozeile oder optionales GUI
  20. 20. Graphviz – Layoutprogramme [http://en.wikipedia.org/wiki/Graphviz] Programm Ausgabedot Hierarchisches Layoutneato oder fdp „Spring Model“ Layouttwopi Radiales Layoutcirco Circuläres Layout
  21. 21. Graphviz - Ausgabeformate Option Ausgabeformat-Tps Postscript-Tsvg SVG (Vektorgraphik)-Tpng oder -Tgif oder Bitmapformate-Tjpg DIA-Tdia
  22. 22. Graphviz - ProgrammaufrufProgramm -TAusgabeformat Quelldatei -o Ausgabedatei
  23. 23. Graphviz - Ausgabe: dot
  24. 24. Graphviz – Ausgabe: fdp
  25. 25. Graphviz – Ausgabe: circo
  26. 26. Graphviz – Ausgabe: twopi
  27. 27. Graphviz - AnwendungsbeispielDarstellung von Verbindungen innerhalb eines Social Network(1) Graph repräsentiert die Verbindungen zwischen Mitgliedern des Netzwerks(2) Mitglieder haben eine zufällige Anzahl Freunde(3) Freunde sind ebenfalls Mitglieder(4) Knoten repräsentieren die Mitglieder, Kanten die Verbindungen
  28. 28. QuellenDOT-Language[http://www.graphviz.org/doc/info/lang.html] Letzter Zugriff am 03.06.2010[http://www.graphviz.org/doc/info/attrs.html] Letzter Zugriff am 03.06.2010[http://en.wikipedia.org/wiki/DOT_language] Letzter Zugriff am 03.06.2010Graphviz[http://www.graphviz.org/] Letzter Zugriff am 03.06.2010[http://en.wikipedia.org/wiki/Graphviz] Letzter Zugriff am 03.06.2010

×