= GraphViz = Graphviz is open source graph visualization software. Graph visualization is a way of representing structural information as diagrams of abstract graphs and networks. It has important applications in networking, bioinformatics, software engineering, database and web design, machine learning, and in visual interfaces for other technical domains. http://www.graphviz.org/ == GraphViz for MoinMoin == http://moinmo.in/GraphVizForMoin * cd /tmp * wget http://moinmo.in/GraphVizForMoin?action=AttachFile&do=view&target=MoinGraphViz-1.0rc4-brn-1.9.x.comp.zip * unzip MoinGraphViz-1.0rc4-brn-1.9.x.comp.zip * cd/tmp/MoinGraphViz-1.0rc4-brn-1.9.x.comp/wiki/data/plugin * cp * -r /home/moin/moin-1.9.7/wiki/data/plugin/ * cd /home/moin/moin-1.9.7/wiki/data/plugin/ * chown moin * -R * chgrp apache * -R * cd/tmp/MoinGraphViz-1.0rc4-brn-1.9.x.comp/umoin * cp MoinLegacy /home/moin/moin-1.9.7/MoinMoin/support/ * cd /home/moin/moin-1.9.7/MoinMoin/support/ * chown moin * -R * chgrp apache * -R * yum install graphviz * vim /home/moin/moin-1.9.7/wiki/data/plugin/parser/MoinGraphViz/main-py # GRAPHVIZ_TOOLS_DIR = r'/usr/bin' * service httpd restart === Test after installation === If all was installed correctly a graph should appear below {{{#!GraphViz dot digraph SomeGraph { A -> { B C } B -> C } }}} == Sample 1 == {{{#!GraphViz dot digraph G { main -> parse -> execute; main -> init; main -> cleanup; execute -> make_string; execute -> printf init -> make_string; main -> printf; execute -> compare; } }}} == UML with GraphViz == === UML Sample 1 === http://www.ffnn.nl/pages/articles/media/uml-diagrams-using-graphviz-dot.php {{{#!GraphViz dot digraph UMLTest { fontname = "Bitstream Vera Sans" fontsize = 8 node [ fontname = "Bitstream Vera Sans" fontsize = 8 shape = "record" ] edge [ fontname = "Bitstream Vera Sans" fontsize = 8 ] Animal [ label = "{Animal|+ name : string\l+ age : int\l|+ die() : void\l}" ] subgraph clusterAnimalImpl { label = "Package animal.impl" Dog [ label = "{Dog||+ bark() : void\l}" ] Cat [ label = "{Cat||+ meow() : void\l}" ] } edge [ arrowhead = "empty" ] Dog -> Animal Cat -> Animal edge [ arrowhead = "none" headlabel = "0..*" taillabel = "0..*" ] Dog -> Cat } }}} === UML Sample 2 === http://www.lornajane.net/posts/2011/uml-diagrams-with-graphviz {{{#!GraphViz dot digraph Couriers { fontname = "Bitstream Vera Sans" fontsize = 8 node [ fontname = "Bitstream Vera Sans" fontsize = 8 shape = "record" ] edge [ arrowtail = "empty" ] Courier [ label = "{Courier|+ name : string\l+ home_country : string\l|+ calculateShipping() : float\l+ ship(): boolean\l}" ] Monotype [ label = "{MonotypeDelivery|\l|+ ship(): boolean\l}" ] Pigeon [ label = "{PigeonPost|\l|+ ship(): boolean\l}" ] Courier -> Pigeon [dir=back] Courier -> Monotype [dir=back] } }}} === UML Sample 3 === http://canvoki.net/coder/resources/DotUmlUseCases.html http://canvoki.net/coder/DotUseCases/MarUseCases.dot {{{#!GraphViz dot digraph example { rankdir=LR; bgcolor="#eeeeff"; node [fontname=Arial, fontsize=10]; edge [color=red, style=bold, fontsize=9]; // Actors { node [shape=custom, shapefile="Actor.png", width=.352, height=0.77, fixedsize=true, color="#ffffaa", label="\n\n\n\n\n\n\N"] Shark Submariner Pirate Merchant } // System Use Cases subgraph clusterSystem { label="Sea"; // Name your system here fillcolor="#ffffdd"; style=filled; color=black; // The system box node [shape=ellipse, style=filled, fillcolor="#ccffcc", color="#558855"] Batism Inmersion "Eat pirates" // You can name it with spaces // But is better to use a 'label' property to make easier the references Tresour [label="Find a tresour"] Attack [label="Attack ships"] Escafandrarse [label="Put on the\nescafandre"] // Multiline Ron [label="Drink Ron"] SellGoods Navigate GaleonPiloting [label="Navigate in galeon"] BuyGoods [label="Buy Goods"] } // Uses Submariner -> Inmersion Submariner -> Batism Pirate -> Attack Pirate -> Ron Merchant -> SellGoods Shark -> "Eat pirates" // Extensions { edge [label="<>", dir=back] Inmersion -> Tresour } // Inclusions { edge [label="<>"] Inmersion -> Escafandrarse SellGoods -> Navigate SellGoods -> BuyGoods Attack -> GaleonPiloting } // Generalizations { edge [arrowsize=1.5, arrowtail=empty, dir=back, constraint=false] Inmersion -> Batism Navigate -> GaleonPiloting } } }}}