Test of all diagram-types mentioned at: http://asciidoctor.org/docs/asciidoctor-diagram/ :
Diagram Type | gif | png | svg | txt | |
---|---|---|---|---|---|
X |
X |
X |
|||
X |
X |
X |
|||
X |
|||||
X |
X |
||||
X |
X |
X |
|||
X |
X |
||||
X |
X |
||||
X |
X |
X |
|||
X |
X |
X |
|||
X |
X |
X |
|||
X |
X |
X |
|||
X |
X |
X |
|||
X |
X |
||||
X |
X |
X |
X |
||
X |
X |
actdiag
actdiag pdf
Failed to generate image: actdiag failed: ERROR: Could not detect fonts, use --font opiton actdiag { write -> convert -> image lane user { label = "User" write [label = "Writing reST"]; image [label = "Get diagram IMAGE"]; } lane actdiag { convert [label = "Convert reST to Image"]; } }
Figure 1. actdiag png
Figure 2. actdiag svg
blockdiag
blockdiag pdf
Failed to generate image: blockdiag failed: ERROR: Could not detect fonts, use --font opiton blockdiag { // Set labels to edges. (short text only) A -> B -> C [label = "foo"]; C -> A [label = "bar"]; }

Figure 3. blockdiag png
Figure 4. blockdiag svg
ditaa

Figure 5. ditaa png
erd
erd png
Failed to generate image: Could not find the 'erd' executable in PATH; add it to the PATH or specify its location using the 'erd' document attribute [Person] *name height weight +birth_location_id [Location] *id city state country Person *--1 Location
erd svg
Failed to generate image: no implicit conversion of nil into String [Person] *name height weight +birth_location_id [Location] *id city state country Person *--1 Location
graphviz
Figure 6. graphviz pdf

Figure 7. graphviz png
Figure 8. graphviz svg
meme
No test here yet
mermaid
mermaid png
Failed to generate image: Could not find the 'mermaid' executable in PATH; add it to the PATH or specify its location using the 'mermaid' document attribute graph TD; A-->B; A-->C; B-->D; C-->D;
mermaid svg
Failed to generate image: no implicit conversion of nil into String sequenceDiagram participant Alice participant Bob Alice->John: Hello John, how are you? loop Healthcheck John->John: Fight against hypochondria end Note right of John: Rational thoughts <br/>prevail... John-->Alice: Great! John->Bob: How about you? Bob-->John: Jolly good!
nwdiag
nwdiag pdf
Failed to generate image: nwdiag failed: ERROR: Could not detect fonts, use --font opiton { network dmz { address = "210.x.x.x/24" web01 [address = "210.x.x.1"]; web02 [address = "210.x.x.2"]; } network internal { address = "172.x.x.x/24"; web01 [address = "172.x.x.1"]; db01; app01; } }

Figure 9. nwdiag png
Figure 10. nwdiag svg
packetdiag
packetdiag pdf
Failed to generate image: packetdiag failed: ERROR: Could not detect fonts, use --font opiton { colwidth = 32 node_height = 72 0-15: Source Port 16-31: Destination Port 32-63: Sequence Number 64-95: Acknowledgment Number 96-99: Data Offset 100-105: Reserved 106: URG [rotate = 270] 107: ACK [rotate = 270] 108: PSH [rotate = 270] 109: RST [rotate = 270] 110: SYN [rotate = 270] 111: FIN [rotate = 270] 112-127: Window 128-143: Checksum 144-159: Urgent Pointer 160-191: (Options and Padding) 192-223: data [colheight = 3] }
packetdiag png
Failed to generate image: packetdiag failed: ERROR: images do not match { colwidth = 32 node_height = 72 0-15: Source Port 16-31: Destination Port 32-63: Sequence Number 64-95: Acknowledgment Number 96-99: Data Offset 100-105: Reserved 106: URG [rotate = 270] 107: ACK [rotate = 270] 108: PSH [rotate = 270] 109: RST [rotate = 270] 110: SYN [rotate = 270] 111: FIN [rotate = 270] 112-127: Window 128-143: Checksum 144-159: Urgent Pointer 160-191: (Options and Padding) 192-223: data [colheight = 3] }
Figure 11. packetdiag svg
plantuml

Figure 12. plantuml png
Figure 13. plantuml svg
Figure 14. plantuml tree widget svg
Figure 15. plantuml interface specification svg

Figure 16. plantuml archimate diagram png
Figure 17. plantuml archimate diagram svg
plantuml ditaa diagram png only (!)
Failed to generate image: PlantUML image generation failed: @startditaa +--------+ +-------+ +-------+ | +---+ ditaa +--> | | | Text | +-------+ |diagram| |Document| |!magic!| | | | {d}| | | | | +---+----+ +-------+ +-------+ : ^ | Lots of work | +-------------------------+ @endditaa

Figure 18. plantuml ditaa diagram png only (alt version)
rackdiag
rackdiag pdf
Failed to generate image: rackdiag failed: ERROR: Could not detect fonts, use --font opiton rackdiag { 12U; 1: Server 2: Server 3: Server 4: Server 5: N/A [8U]; }

Figure 19. rackdiag png
Figure 20. rackdiag svg
seqdiag
seqdiag pdf
Failed to generate image: seqdiag failed: ERROR: Could not detect fonts, use --font opiton { A -> B -> C; B -> D; }

Figure 21. seqdiag png
Figure 22. seqdiag svg
shaape
shaape png
Failed to generate image: Could not find the 'shaape' executable in PATH; add it to the PATH or specify its location using the 'shaape' document attribute +--> / /\ >---+---->+ + \/
shaape svg
Failed to generate image: no implicit conversion of nil into String +-------+ +-------+ +-------+ +-------+ | |\ | |\ | |\ | |\ | +-+ | +-+ | +-+ | +-+ | PNG | | SVG | | EPS | | PDF | | | | | | | | | | | | | | exp.| | exp.| +---------+ +---------+ +---------+ +---------+
umlet
umlet pdf
Failed to generate image: Could not find the 'umlet' executable in PATH; add it to the PATH or specify its location using the 'umlet' document attribute <?xml version="1.0" encoding="UTF-8"?><umlet_diagram><element><type>com.umlet.element.base.Actor</type><coordinates><x>0</x><y>80</y><w>105</w><h>180</h></coordinates><panel_attributes>Passanger <<primary>></panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>380</x><y>120</y><w>150</w><h>90</h></coordinates><panel_attributes>lt=<. <<extends>></panel_attributes><additional_attributes>20;20;130;70</additional_attributes></element><element><type>com.umlet.element.base.UseCase</type><coordinates><x>440</x><y>190</y><w>140</w><h>40</h></coordinates><panel_attributes>select flight</panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.base.UseCase</type><coordinates><x>300</x><y>80</y><w>160</w><h>60</h></coordinates><panel_attributes>check in passanger (machine)</panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>216</x><y>120</y><w>154</w><h>90</h></coordinates><panel_attributes>lt=<. <<extends>></panel_attributes><additional_attributes>134;20;20;70</additional_attributes></element><element><type>com.umlet.element.custom.Systemborder</type><coordinates><x>140</x><y>40</y><w>480</w><h>220</h></coordinates><panel_attributes>System</panel_attributes><additional_attributes>transparentSelection=true</additional_attributes></element><element><type>com.umlet.element.base.UseCase</type><coordinates><x>190</x><y>190</y><w>140</w><h>40</h></coordinates><panel_attributes>check in luggage</panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.custom.Systemborder</type><coordinates><x>640</x><y>90</y><w>140</w><h>40</h></coordinates><panel_attributes>center:Booking</panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>40</x><y>90</y><w>280</w><h>40</h></coordinates><panel_attributes></panel_attributes><additional_attributes>260;20;20;20</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>440</x><y>90</y><w>220</w><h>40</h></coordinates><panel_attributes></panel_attributes><additional_attributes>20;20;200;20</additional_attributes></element></umlet_diagram>
umlet png
Failed to generate image: no implicit conversion of nil into String <?xml version="1.0" encoding="UTF-8"?><umlet_diagram><element><type>com.umlet.element.base.Relation</type><coordinates><x>390</x><y>160</y><w>90</w><h>120</h></coordinates><panel_attributes>lt=-</panel_attributes><additional_attributes>70;100;20;20</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>390</x><y>240</y><w>90</w><h>80</h></coordinates><panel_attributes>lt=-</panel_attributes><additional_attributes>70;20;20;60</additional_attributes></element><element><type>com.umlet.element.custom.ThreeWayRelation</type><coordinates><x>460</x><y>250</y><w>30</w><h>20</h></coordinates><panel_attributes></panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>470</x><y>240</y><w>90</w><h>40</h></coordinates><panel_attributes>lt=-</panel_attributes><additional_attributes>70;20;20;20</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>360</x><y>160</y><w>40</w><h>160</h></coordinates><panel_attributes>lt=<- r1=to</panel_attributes><additional_attributes>20;140;20;20</additional_attributes></element><element><type>com.umlet.element.base.Class</type><coordinates><x>310</x><y>300</y><w>100</w><h>30</h></coordinates><panel_attributes>Airport</panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>320</x><y>160</y><w>40</w><h>160</h></coordinates><panel_attributes>lt=<- r1=from</panel_attributes><additional_attributes>20;140;20;20</additional_attributes></element><element><type>com.umlet.element.base.Class</type><coordinates><x>0</x><y>300</y><w>100</w><h>30</h></coordinates><panel_attributes>MilesAccount</panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>400</x><y>150</y><w>180</w><h>40</h></coordinates><panel_attributes>lt=- m1=1 r2=fh m2=*</panel_attributes><additional_attributes>20;20;160;20</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>80</x><y>140</y><w>260</w><h>40</h></coordinates><panel_attributes>lt=- r1=passagengers m1=* r2=flights m2=*</panel_attributes><additional_attributes>20;20;240;20</additional_attributes></element><element><type>com.umlet.element.base.Class</type><coordinates><x>0</x><y>150</y><w>100</w><h>30</h></coordinates><panel_attributes>Passenger</panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>220</x><y>20</y><w>57</w><h>160</h></coordinates><panel_attributes>lt=. r1=booking</panel_attributes><additional_attributes>28;20;28;140</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>350</x><y>60</y><w>184</w><h>114</h></coordinates><panel_attributes>lt=- <connectingFlights m1=*</panel_attributes><additional_attributes>20;84;20;34;100;34;100;74;70;94</additional_attributes></element><element><type>com.umlet.element.base.Class</type><coordinates><x>560</x><y>150</y><w>110</w><h>30</h></coordinates><panel_attributes>FlightHandling</panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.base.Class</type><coordinates><x>540</x><y>240</y><w>100</w><h>30</h></coordinates><panel_attributes>Airline</panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.base.Class</type><coordinates><x>320</x><y>150</y><w>100</w><h>30</h></coordinates><panel_attributes>Flight</panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.base.Class</type><coordinates><x>200</x><y>10</y><w>100</w><h>30</h></coordinates><panel_attributes>Booking</panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>30</x><y>160</y><w>40</w><h>160</h></coordinates><panel_attributes>lt=<- m1=0..1 r1=mk</panel_attributes><additional_attributes>20;140;20;20</additional_attributes></element></umlet_diagram>
umlet svg
Failed to generate image: no implicit conversion of nil into String <?xml version="1.0" encoding="UTF-8"?><umlet_diagram><element><type>com.umlet.element.base.Actor</type><coordinates><x>0</x><y>80</y><w>105</w><h>180</h></coordinates><panel_attributes>Passanger <<primary>></panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>380</x><y>120</y><w>150</w><h>90</h></coordinates><panel_attributes>lt=<. <<extends>></panel_attributes><additional_attributes>20;20;130;70</additional_attributes></element><element><type>com.umlet.element.base.UseCase</type><coordinates><x>440</x><y>190</y><w>140</w><h>40</h></coordinates><panel_attributes>select flight</panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.base.UseCase</type><coordinates><x>300</x><y>80</y><w>160</w><h>60</h></coordinates><panel_attributes>check in passanger (machine)</panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>216</x><y>120</y><w>154</w><h>90</h></coordinates><panel_attributes>lt=<. <<extends>></panel_attributes><additional_attributes>134;20;20;70</additional_attributes></element><element><type>com.umlet.element.custom.Systemborder</type><coordinates><x>140</x><y>40</y><w>480</w><h>220</h></coordinates><panel_attributes>System</panel_attributes><additional_attributes>transparentSelection=true</additional_attributes></element><element><type>com.umlet.element.base.UseCase</type><coordinates><x>190</x><y>190</y><w>140</w><h>40</h></coordinates><panel_attributes>check in luggage</panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.custom.Systemborder</type><coordinates><x>640</x><y>90</y><w>140</w><h>40</h></coordinates><panel_attributes>center:Booking</panel_attributes><additional_attributes>transparentSelection=false</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>40</x><y>90</y><w>280</w><h>40</h></coordinates><panel_attributes></panel_attributes><additional_attributes>260;20;20;20</additional_attributes></element><element><type>com.umlet.element.base.Relation</type><coordinates><x>440</x><y>90</y><w>220</w><h>40</h></coordinates><panel_attributes></panel_attributes><additional_attributes>20;20;200;20</additional_attributes></element></umlet_diagram>
wavedrom
wavedrom png
Failed to generate image: Could not find the 'WaveDromEditor' executable in PATH; add it to the PATH or specify its location using the 'WaveDromEditor' document attribute { signal: [ { name: "clk", wave: "P......" }, { name: "bus", wave: "x.==.=x", data: ["head", "body", "tail", "data"] }, { name: "wire", wave: "0.1..0." } ]}
wavedrom svg
Failed to generate image: no implicit conversion of nil into String { signal: [ { name: "clk", wave: "P......" }, { name: "bus", wave: "x.==.=x", data: ["head", "body", "tail", "data"] }, { name: "wire", wave: "0.1..0." } ]}