Test of all diagram-types mentioned at: http://asciidoctor.org/docs/asciidoctor-diagram/ :

Diagram Type gif pdf png svg txt

actdiag

X

X

X

blockdiag

X

X

X

ditaa

X

erd

X

X

graphviz

X

X

X

meme

X

X

mermaid

X

X

nwdiag

X

X

X

packetdiag

X

X

X

plantuml

X

X

X

rackdiag

X

X

X

seqdiag

X

X

X

shaape

X

X

umlet

X

X

X

X

wavedrom

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"];
  }
}
actdiag
Figure 1. actdiag png
actdiag
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"];
}
blockdiag
Figure 3. blockdiag png
blockdiag
Figure 4. blockdiag svg

ditaa

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

graphviz
Figure 6. graphviz pdf
graphviz
Figure 7. graphviz png
graphviz
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;
  }
}
nwdiag
Figure 9. nwdiag png
nwdiag
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]
}
packetdiag
Figure 11. packetdiag svg

plantuml

plantuml
Figure 12. plantuml png
plantuml
Figure 13. plantuml svg
plantuml tree
Figure 14. plantuml tree widget svg
plantuml interface
Figure 15. plantuml interface specification svg
plantuml archimate
Figure 16. plantuml archimate diagram png
plantuml archimate
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
plantuml dita alt
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];
}
rackdiag
Figure 19. rackdiag png
rackdiag
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;
}
seqdiag
Figure 21. seqdiag png
seqdiag
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
&lt;&lt;primary&gt;&gt;</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=&lt;.
&lt;&lt;extends&gt;&gt;</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=&lt;.
&lt;&lt;extends&gt;&gt;</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=&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=&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=-
&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=&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
&lt;&lt;primary&gt;&gt;</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=&lt;.
&lt;&lt;extends&gt;&gt;</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=&lt;.
&lt;&lt;extends&gt;&gt;</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." }
]}