{"id":3825,"date":"2014-07-27T16:20:10","date_gmt":"2014-07-27T14:20:10","guid":{"rendered":"http:\/\/blog.wenzlaff.de\/?p=3825"},"modified":"2023-08-20T14:55:15","modified_gmt":"2023-08-20T12:55:15","slug":"wie-kann-auf-einem-raspberry-pi-graphviz-2-26-3-installiert-und-mit-dot-genutzt-werden","status":"publish","type":"post","link":"http:\/\/blog.wenzlaff.de\/?p=3825","title":{"rendered":"Wie kann auf einem Raspberry Pi Graphviz (2.26.3) installiert und mit DOT genutzt werden?"},"content":{"rendered":"<p>Warum den Raspberry Pi nicht f\u00fcr die Erstellung von sch\u00f6nen Grafiken verwenden?<\/p>\n<p><a href=\"https:\/\/www.graphviz.org\/\" title=\"graphviz\" target=\"_blank\" rel=\"noopener\">Graphviz<\/a> kann auf dem rPi schnell installiert werden mit:<\/p>\n<p><code>sudo apt-get update && upgrade<br \/>\nsudo apt-get install graphviz<\/code><\/p>\n<p>Nach der Installation die Version checken mit<\/p>\n<p><code>dot -version<\/code><\/p>\n<p>es werden auch einige weitere interessante Infos ausgegeben:<br \/>\n<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/Bildschirmfoto-2014-07-27-um-16.17.15.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/Bildschirmfoto-2014-07-27-um-16.17.15.png\" alt=\"Bildschirmfoto 2014-07-27 um 16.17.15\" width=\"992\" height=\"447\" class=\"aligncenter size-full wp-image-3832\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/Bildschirmfoto-2014-07-27-um-16.17.15.png 992w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/Bildschirmfoto-2014-07-27-um-16.17.15-300x135.png 300w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/Bildschirmfoto-2014-07-27-um-16.17.15-900x405.png 900w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><br \/>\nEs ist zwar nicht die aktuellste Version, die ist derzeit 2.38 (vom 13. April 2014) aber es reicht f\u00fcr erste Versuche immer. Wer mehr will, muss die <a href=\"https:\/\/www.graphviz.org\/about\/\" title=\"news\" target=\"_blank\" rel=\"noopener\">aktuellste<\/a> Version aus den Source-Code erstellen.<\/p>\n<p>Mit <a href=\"https:\/\/www.graphviz.org\/\" title=\"graphviz\" target=\"_blank\" rel=\"noopener\">Graphviz<\/a> k\u00f6nnen aus DOT Dateien sch\u00f6nen Diagramme erzeugt werden. Mit DOT konzentriert man sich auf den Inhalt und <a href=\"https:\/\/www.graphviz.org\/\" title=\"graphviz\" target=\"_blank\" rel=\"noopener\">Graphviz<\/a> macht das Layout. DOT hat eine einfache (C \u00e4hnliche) Syntax. Hier erst einmal eine Mindmap zu DOT:<br \/>\n<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/dot.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/dot.png\" alt=\"dot\" width=\"1158\" height=\"787\" class=\"aligncenter size-full wp-image-3826\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/dot.png 1158w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/dot-300x203.png 300w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/dot-1024x695.png 1024w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/dot-900x611.png 900w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>Z.B. die Datei:<\/p>\n<p><code>digraph Diagramm {<\/p>\n<p>   node [fillcolor=\"#EEEEEE\"]<br \/>\n   node [style=bold]<br \/>\n   edge [color=\"#31CEF0\"]<br \/>\n        DOT -> Beschreibungssprache<br \/>\n        DOT -> Beispiel<br \/>\n        DOT -> \"Darstellung von Graphen\"<br \/>\n        DOT -> Interpretiert<br \/>\n        DOT -> URLs -> Graphiz<br \/>\n        URLs -> \"DOT Language\"<br \/>\n}<\/code><\/p>\n<p>Kann mit folgenden Befehl<\/p>\n<p><code>dot -T png -o test-dot-diagramm.png test-dot-diagramm.dot<\/code><\/p>\n<p>dieses Diagramm erzeugen:<\/p>\n<p><a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/test-dot-diagramm.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/test-dot-diagramm.png\" alt=\"test-dot-diagramm\" width=\"1349\" height=\"251\" class=\"aligncenter size-full wp-image-3827\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/test-dot-diagramm.png 1349w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/test-dot-diagramm-300x55.png 300w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/test-dot-diagramm-1024x190.png 1024w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/test-dot-diagramm-900x167.png 900w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>Oder die gleiche Datei mit einem anderen Renderer (fdp):<\/p>\n<p><code>fdp -T png -o test-dot-diagramm.png test-dot-diagramm.dot<\/code><\/p>\n<p><a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/test-dot-fdp-diagramm.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/test-dot-fdp-diagramm.png\" alt=\"test-dot-fdp-diagramm\" width=\"1008\" height=\"439\" class=\"aligncenter size-full wp-image-3828\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/test-dot-fdp-diagramm.png 1008w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/test-dot-fdp-diagramm-300x130.png 300w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/test-dot-fdp-diagramm-900x391.png 900w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>Der circo Renderer ist auch nicht schlecht. Dazu noch die Gr\u00f6\u00dfenangabe<br \/>\n<code>graph [size=\"10.3, 5.3\"]<\/code> erg\u00e4nzen und erzeugen mit:<\/p>\n<p><code>circo -T png -o test-dot-diagramm.png test-dot-diagramm.dot<\/code><\/p>\n<p>Folgendes Diagramm wird erstellt:<br \/>\n<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/test-dot-diagramm1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/test-dot-diagramm1.png\" alt=\"test-dot-diagramm\" width=\"636\" height=\"509\" class=\"aligncenter size-full wp-image-3837\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/test-dot-diagramm1.png 636w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/07\/test-dot-diagramm1-300x240.png 300w\" sizes=\"auto, (max-width: 636px) 100vw, 636px\" \/><\/a><\/p>\n<p>Eine sch\u00f6ne Anleitung f\u00fcr weitere Nutzung in <a href=\"https:\/\/www.graphviz.org\/pdf\/dotguide.pdf\" title=\"pdf-dot\" target=\"_blank\" rel=\"noopener\">englisch<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Warum den Raspberry Pi nicht f\u00fcr die Erstellung von sch\u00f6nen Grafiken verwenden? Graphviz kann auf dem rPi schnell installiert werden mit: sudo apt-get update &#038;&#038; upgrade sudo apt-get install graphviz Nach der Installation die Version checken mit dot -version es werden auch einige weitere interessante Infos ausgegeben: Es ist zwar nicht die aktuellste Version, die &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/blog.wenzlaff.de\/?p=3825\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eWie kann auf einem Raspberry Pi Graphviz (2.26.3) installiert und mit DOT genutzt werden?\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[220,217,1023],"tags":[1596,1597,1598,622,1594,1595],"class_list":["post-3825","post","type-post","status-publish","format-standard","hentry","category-anleitung","category-mind-map","category-raspberry-pi","tag-dot","tag-dot-programmierung","tag-erstellen-von-mindmaps","tag-grafik","tag-graphviz","tag-renderer"],"_links":{"self":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/3825","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3825"}],"version-history":[{"count":0,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/3825\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3825"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}