</svg>
</div>
</figure>
-<!-- Subgraphs are missing here because I don't have Graphviz 2.40 to test -->
+<p>Subgraphs:</p>
+<div class="m-graph">
+<svg style="width: 10.875rem; height: 17.625rem;" viewBox="0.00 0.00 174.00 282.31">
+<g transform="scale(1 1) rotate(0) translate(4 278.3087)">
+<g class="m-cluster">
+<title>cluster_Outer</title>
+<polygon points="8,-8 8,-266.3087 158,-266.3087 158,-8 8,-8"/>
+<text text-anchor="middle" x="83" y="-249.5087">Outer</text>
+</g>
+<g class="m-cluster m-info">
+<title>cluster_Inner</title>
+<polygon points="80,-80.7696 80,-232.3087 150,-232.3087 150,-80.7696 80,-80.7696"/>
+<text text-anchor="middle" x="115" y="-215.5087">Inner</text>
+</g>
+<g class="m-node m-flat">
+<title>A</title>
+<ellipse cx="43" cy="-179.9239" rx="27" ry="18.2703"/>
+<text text-anchor="middle" x="43" y="-176.1239">A</text>
+</g>
+<g class="m-node m-flat">
+<title>B</title>
+<ellipse cx="115" cy="-107.1543" rx="27" ry="18.2703"/>
+<text text-anchor="middle" x="115" y="-103.3543">B</text>
+</g>
+<g class="m-edge">
+<title>A->B</title>
+<path d="M58.2693,-164.4913C68.197,-154.4576 81.3153,-141.1991 92.4363,-129.9592"/>
+<polygon points="95.2073,-132.1349 99.7527,-122.5646 90.2312,-127.2115 95.2073,-132.1349"/>
+</g>
+<g class="m-node m-flat">
+<title>C</title>
+<ellipse cx="43" cy="-107.1543" rx="27" ry="18.2703"/>
+<text text-anchor="middle" x="43" y="-103.3543">C</text>
+</g>
+<g class="m-edge">
+<title>A->C</title>
+<path d="M43,-161.1839C43,-153.3999 43,-144.1942 43,-135.6079"/>
+<polygon points="46.5001,-135.5788 43,-125.5789 39.5001,-135.5789 46.5001,-135.5788"/>
+</g>
+<g class="m-node m-flat">
+<title>D</title>
+<ellipse cx="115" cy="-34.3848" rx="27" ry="18.2703"/>
+<text text-anchor="middle" x="115" y="-30.5848">D</text>
+</g>
+<g class="m-edge">
+<title>B->D</title>
+<path d="M115,-88.4144C115,-80.6303 115,-71.4246 115,-62.8383"/>
+<polygon points="118.5001,-62.8093 115,-52.8093 111.5001,-62.8094 118.5001,-62.8093"/>
+</g>
+<g class="m-node m-flat">
+<title>B2</title>
+<ellipse cx="115" cy="-179.9239" rx="27" ry="18.2703"/>
+<text text-anchor="middle" x="115" y="-176.1239">B2</text>
+</g>
+<g class="m-edge">
+<title>B2->B</title>
+<path d="M115,-161.1839C115,-153.3999 115,-144.1942 115,-135.6079"/>
+<polygon points="118.5001,-135.5788 115,-125.5789 111.5001,-135.5789 118.5001,-135.5788"/>
+</g>
+</g>
+</svg>
+</div>
<!-- /content -->
</div>
</div>