Sandbox

Examples

https://www.mediawiki.org/wiki/Extension:GraphViz#Example_1

<graphviz renderer="neato" caption="Graph for example no. 2"> graph example2 {

 run -- intr;
 intr -- runbl;
 runbl -- run;
 run -- kernel;
 kernel -- zombie;
 kernel -- sleep;
 kernel -- runmem;
 sleep -- swap;
 swap -- runswap;
 runswap -- new;
 runswap -- runmem;
 new -- runmem;
 sleep -- runmem;

} </graphviz>

<graphviz caption="Graph for example no. 3 (contains Wiki-Links)" alt="phylogenetic tree" format="png"> digraph example3 {

 node [shape=plaintext];
 Mollusca [URL="w:Mollusca"];
 Neomeniomorpha [URL="w:Neomeniomorpha"];
 X1 [shape=point,label=""];
 Caudofoveata [URL="w:Caudofoveata"];
 Testaria [URL="w:Testaria"];
 Polyplacophora [URL="w:Polyplacophora"];
 Conchifera [URL="w:Conchifera"];
 Tryblidiida [URL="w:Tryblidiida"];
 Ganglioneura [URL="w:Ganglioneura"];
 Bivalvia [URL="w:Bivalvia"];
 X2 [shape=point,label=""];
 X3 [shape=point,label=""];
 Scaphopoda [URL="w:Scaphopoda"];
 Cephalopoda [URL="w:Cephalopoda"];
 Gastropoda [URL="w:Gastropoda"];
 Mollusca->X1->Testaria->Conchifera->Ganglioneura->X2->Gastropoda
 Mollusca->Neomeniomorpha
 X1->Caudofoveata
 Testaria->Polyplacophora
 Conchifera->Tryblidiida
 Ganglioneura ->Bivalvia
 X2->X3->Cephalopoda
 X3->Scaphopoda

} </graphviz>

<container> <graphviz border='frame' format='svg'> digraph D {

A [shape=diamond]

 B [shape=box]
 C [shape=circle]

A -> B [style=dashed, color=grey]

 A -> C [color="black:invis:black"]
 A -> D [penwidth=5, arrowhead=none]

} </graphviz> </container>

<graphviz border='frame' format='png'> digraph D {

A [shape=diamond]

 B [shape=box]
 C [shape=circle]

A -> B [style=dashed, color=grey]

 A -> C [color="black:invis:black"]
 A -> D [penwidth=5, arrowhead=none]

} </graphviz>

<graphviz border='frame' format='png' caption='Graph for example no. 1'> digraph example1 {Hello->World} </graphviz>

Other resources

sequence-js example ​sequence Alice->Bob: Hello Bob, how are you? Note right of Bob: Bob thinks Bob-->Alice: I am good thanks! ​