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> digraph { size="11,11"; layout=neato; overlap=false; splines=true; pack=true; start="random"; sep=0.1;

edge [len=2]; node[shape=oval,style=filled,fillcolor="#DCA80A"];

"KJ50:04:EE:6C:F9"

"KJ1E:90:DE:F1:07"
"KJ05:5F:EF:14:PAN"
"KJ26:18:BD:D9:E9"
"KJ1B:B9:9B:D5:BB"
"KJE0:D0:13:14:94"
"KJ0E:90:D5:E6:5E"
"KJ1E:A6:PAN:9E:3A"
"KJ1E:90:D5:EE:5E"
"PAN:KJ5E:7F:FF:FA"
"KJ1B:B9:9B:D3:61"
"KJ1B:B9:9C-PET-67"
"KJ15:F2-KIM-:E5YF"
"KJD0:B7:69:0A-VET"
"KJ04:ED:66:C7:19"
"KJ16:76:A2:60:6E"

node[shape=box3d,style=filled,fillcolor="#B1C3D4"];

"JUNK-0009-FOO"
"GEORGE38-FRED"
"JUNK-0413-FOO"
"JUNK-0561-FOO"
"JUNK-0050-FOO"
"cn20-PAN-FRED"
"JUNK-PAN18-FOO"
"1039-FRED"
"JUNK-0095-FOO"
"PSPAN-021-FRED"
"JUNK-0048-FOO"
"JUNK-0052-FOO"
"GEORGE42-FRED"
"JUNK-0049-FOO"
"GEORGE04-FRED"
"cn4-06-FRED"
"thPAN-PAN-FRED"
"GEORGE02-FRED"
"JUNK-0PAN0-FOO"
"MY5-30-FRED"
"JUNK-0047-FOO"
"JUNK-0562-FOO"
"JUNK-0PAN4-FOO"
"JUNK-0051-FOO"
"PSPAN-036-FRED"
"JUNK-0414-FOO"

"KJ1E:A6:PAN:9E:3A" -> "JUNK-0PAN0-FOO";

 "KJ1E:A6:PAN:9E:3A" -> "JUNK-0047-FOO";

 "KJ1E:A6:PAN:9E:3A" -> "JUNK-0048-FOO";

 "KJ1E:A6:PAN:9E:3A" -> "JUNK-0050-FOO";

 "KJ1E:A6:PAN:9E:3A" -> "JUNK-0051-FOO";

 "KJ1E:A6:PAN:9E:3A" -> "JUNK-0052-FOO";

 "KJ1E:A6:PAN:9E:3A" -> "JUNK-0009-FOO";

 "KJ16:76:A2:60:6E" -> "JUNK-0413-FOO";

 "KJ16:76:A2:60:6E" -> "JUNK-0414-FOO";

 "KJE0:D0:13:14:94" -> "GEORGE42-FRED";

 "KJE0:D0:13:14:94" -> "MY5-30-FRED";

 "KJ50:04:EE:6C:F9" -> "PSPAN-036-FRED";

 "KJ50:04:EE:6C:F9" -> "GEORGE02-FRED";

 "KJ50:04:EE:6C:F9" -> "GEORGE04-FRED";

 "KJ1B:B9:9B:D5:BB" -> "JUNK-0047-FOO";

 "KJ1B:B9:9B:D5:BB" -> "JUNK-0048-FOO";

 "KJ05:5F:EF:14:PAN" -> "thPAN-PAN-FRED";

 "KJ05:5F:EF:14:PAN" -> "cn20-PAN-FRED";

 "KJ15:F2-KIM-:E5YF" -> "thPAN-PAN-FRED";

 "KJ15:F2-KIM-:E5YF" -> "cn20-PAN-FRED";

 "KJ0E:90:D5:E6:5E" -> "JUNK-0051-FOO";

 "KJ0E:90:D5:E6:5E" -> "JUNK-0009-FOO";

 "KJ1E:90:DE:F1:07" -> "JUNK-0051-FOO";

 "KJ1E:90:DE:F1:07" -> "JUNK-0009-FOO";

 "KJ1E:90:D5:EE:5E" -> "JUNK-0051-FOO";

 "KJ1E:90:D5:EE:5E" -> "JUNK-0047-FOO";

 "KJ1E:90:D5:EE:5E" -> "JUNK-0009-FOO";

 "KJ04:ED:66:C7:19" -> "JUNK-0562-FOO";

 "KJ04:ED:66:C7:19" -> "JUNK-0561-FOO";

 "KJ1B:B9:9C-PET-67" -> "JUNK-0047-FOO";

 "KJ1B:B9:9C-PET-67" -> "JUNK-0049-FOO";

 "PAN:KJ5E:7F:FF:FA" -> "JUNK-0PAN4-FOO";

 "PAN:KJ5E:7F:FF:FA" -> "PSPAN-021-FRED";

 "PAN:KJ5E:7F:FF:FA" -> "GEORGE38-FRED";

 "PAN:KJ5E:7F:FF:FA" -> "JUNK-0095-FOO";

 "PAN:KJ5E:7F:FF:FA" -> "JUNK-PAN18-FOO";

 "KJ1B:B9:9B:D3:61" -> "JUNK-0PAN0-FOO";

 "KJ1B:B9:9B:D3:61" -> "JUNK-0051-FOO";

 "KJ1B:B9:9B:D3:61" -> "JUNK-0052-FOO";

 "KJ1B:B9:9B:D3:61" -> "JUNK-0009-FOO";

 "KJ26:18:BD:D9:E9" -> "JUNK-0562-FOO";

 "KJ26:18:BD:D9:E9" -> "JUNK-0561-FOO";

 "KJD0:B7:69:0A-VET" -> "cn4-06-FRED";

 "KJD0:B7:69:0A-VET" -> "1039-FRED";

} </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! ​