SVG test image

gistfile1.txt

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.44.1 (20200629.0846)
 -->
<!-- Title: G Pages: 1 -->
<svg width="224pt" height="407pt"
 viewBox="0.00 0.00 224.00 407.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 403)">
<title>G</title>
<polygon fill="white" stroke="transparent" points="-4,4 -4,-403 220,-403 220,4 -4,4"/>
<g id="clust1" class="cluster">
<title>cluster_0</title>
<polygon fill="lightgrey" stroke="lightgrey" points="8,-64 8,-355 98,-355 98,-64 8,-64"/>
<text text-anchor="middle" x="53" y="-339.8" font-family="Times,serif" font-size="14.00">process #1</text>
</g>
<g id="clust2" class="cluster">
<title>cluster_1</title>
<polygon fill="none" stroke="blue" points="134,-64 134,-355 208,-355 208,-64 134,-64"/>
<text text-anchor="middle" x="171" y="-339.8" font-family="Times,serif" font-size="14.00">process #2</text>
</g>
<!-- a0 -->
<g id="node1" class="node">
<title>a0</title>
<ellipse fill="white" stroke="white" cx="63" cy="-306" rx="27" ry="18"/>
<text text-anchor="middle" x="63" y="-302.3" font-family="Times,serif" font-size="14.00">a0</text>
</g>
<!-- a1 -->
<g id="node2" class="node">
<title>a1</title>
<ellipse fill="white" stroke="white" cx="63" cy="-234" rx="27" ry="18"/>
<text text-anchor="middle" x="63" y="-230.3" font-family="Times,serif" font-size="14.00">a1</text>
</g>
<!-- a0&#45;&gt;a1 -->
<g id="edge1" class="edge">
<title>a0&#45;&gt;a1</title>
<path fill="none" stroke="black" d="M63,-287.7C63,-279.98 63,-270.71 63,-262.11"/>
<polygon fill="black" stroke="black" points="66.5,-262.1 63,-252.1 59.5,-262.1 66.5,-262.1"/>
</g>
<!-- a2 -->
<g id="node3" class="node">
<title>a2</title>
<ellipse fill="white" stroke="white" cx="63" cy="-162" rx="27" ry="18"/>
<text text-anchor="middle" x="63" y="-158.3" font-family="Times,serif" font-size="14.00">a2</text>
</g>
<!-- a1&#45;&gt;a2 -->
<g id="edge2" class="edge">
<title>a1&#45;&gt;a2</title>
<path fill="none" stroke="black" d="M63,-215.7C63,-207.98 63,-198.71 63,-190.11"/>
<polygon fill="black" stroke="black" points="66.5,-190.1 63,-180.1 59.5,-190.1 66.5,-190.1"/>
</g>
<!-- b3 -->
<g id="node8" class="node">
<title>b3</title>
<ellipse fill="lightgrey" stroke="black" cx="169" cy="-90" rx="27" ry="18"/>
<text text-anchor="middle" x="169" y="-86.3" font-family="Times,serif" font-size="14.00">b3</text>
</g>
<!-- a1&#45;&gt;b3 -->
<g id="edge9" class="edge">
<title>a1&#45;&gt;b3</title>
<path fill="none" stroke="black" d="M74.55,-217.53C93.1,-192.67 129.69,-143.66 151.48,-114.47"/>
<polygon fill="black" stroke="black" points="154.29,-116.55 157.47,-106.45 148.68,-112.37 154.29,-116.55"/>
</g>
<!-- a3 -->
<g id="node4" class="node">
<title>a3</title>
<ellipse fill="white" stroke="white" cx="63" cy="-90" rx="27" ry="18"/>
<text text-anchor="middle" x="63" y="-86.3" font-family="Times,serif" font-size="14.00">a3</text>
</g>
<!-- a2&#45;&gt;a3 -->
<g id="edge3" class="edge">
<title>a2&#45;&gt;a3</title>
<path fill="none" stroke="black" d="M63,-143.7C63,-135.98 63,-126.71 63,-118.11"/>
<polygon fill="black" stroke="black" points="66.5,-118.1 63,-108.1 59.5,-118.1 66.5,-118.1"/>
</g>
<!-- a3&#45;&gt;a0 -->
<g id="edge11" class="edge">
<title>a3&#45;&gt;a0</title>
<path fill="none" stroke="black" d="M49.25,-105.93C41.04,-115.9 31.38,-129.75 27,-144 12.89,-189.88 12.89,-206.12 27,-252 30.29,-262.69 36.54,-273.15 42.93,-281.92"/>
<polygon fill="black" stroke="black" points="40.35,-284.31 49.25,-290.07 45.88,-280.02 40.35,-284.31"/>
</g>
<!-- end -->
<g id="node10" class="node">
<title>end</title>
<polygon fill="none" stroke="black" points="134,-36 98,-36 98,0 134,0 134,-36"/>
<polyline fill="none" stroke="black" points="110,-36 98,-24 "/>
<polyline fill="none" stroke="black" points="98,-12 110,0 "/>
<polyline fill="none" stroke="black" points="122,0 134,-12 "/>
<polyline fill="none" stroke="black" points="134,-24 122,-36 "/>
<text text-anchor="middle" x="116" y="-14.3" font-family="Times,serif" font-size="14.00">end</text>
</g>
<!-- a3&#45;&gt;end -->
<g id="edge12" class="edge">
<title>a3&#45;&gt;end</title>
<path fill="none" stroke="black" d="M74.76,-73.46C81.18,-64.99 89.28,-54.29 96.61,-44.61"/>
<polygon fill="black" stroke="black" points="99.53,-46.55 102.78,-36.46 93.95,-42.32 99.53,-46.55"/>
</g>
<!-- b0 -->
<g id="node5" class="node">
<title>b0</title>
<ellipse fill="lightgrey" stroke="black" cx="169" cy="-306" rx="27" ry="18"/>
<text text-anchor="middle" x="169" y="-302.3" font-family="Times,serif" font-size="14.00">b0</text>
</g>
<!-- b1 -->
<g id="node6" class="node">
<title>b1</title>
<ellipse fill="lightgrey" stroke="black" cx="171" cy="-234" rx="27" ry="18"/>
<text text-anchor="middle" x="171" y="-230.3" font-family="Times,serif" font-size="14.00">b1</text>
</g>
<!-- b0&#45;&gt;b1 -->
<g id="edge4" class="edge">
<title>b0&#45;&gt;b1</title>
<path fill="none" stroke="black" d="M169.49,-287.7C169.71,-279.98 169.98,-270.71 170.23,-262.11"/>
<polygon fill="black" stroke="black" points="173.72,-262.2 170.51,-252.1 166.73,-262 173.72,-262.2"/>
</g>
<!-- b2 -->
<g id="node7" class="node">
<title>b2</title>
<ellipse fill="lightgrey" stroke="black" cx="173" cy="-162" rx="27" ry="18"/>
<text text-anchor="middle" x="173" y="-158.3" font-family="Times,serif" font-size="14.00">b2</text>
</g>
<!-- b1&#45;&gt;b2 -->
<g id="edge5" class="edge">
<title>b1&#45;&gt;b2</title>
<path fill="none" stroke="black" d="M171.49,-215.7C171.71,-207.98 171.98,-198.71 172.23,-190.11"/>
<polygon fill="black" stroke="black" points="175.72,-190.2 172.51,-180.1 168.73,-190 175.72,-190.2"/>
</g>
<!-- b2&#45;&gt;a3 -->
<g id="edge10" class="edge">
<title>b2&#45;&gt;a3</title>
<path fill="none" stroke="black" d="M153.84,-148.81C136.33,-137.67 110.24,-121.06 90.51,-108.5"/>
<polygon fill="black" stroke="black" points="92.26,-105.47 81.94,-103.05 88.5,-111.37 92.26,-105.47"/>
</g>
<!-- b2&#45;&gt;b3 -->
<g id="edge6" class="edge">
<title>b2&#45;&gt;b3</title>
<path fill="none" stroke="black" d="M172.01,-143.7C171.57,-135.98 171.04,-126.71 170.55,-118.11"/>
<polygon fill="black" stroke="black" points="174.04,-117.89 169.98,-108.1 167.05,-118.29 174.04,-117.89"/>
</g>
<!-- b3&#45;&gt;end -->
<g id="edge13" class="edge">
<title>b3&#45;&gt;end</title>
<path fill="none" stroke="black" d="M157.24,-73.46C150.82,-64.99 142.72,-54.29 135.39,-44.61"/>
<polygon fill="black" stroke="black" points="138.05,-42.32 129.22,-36.46 132.47,-46.55 138.05,-42.32"/>
</g>
<!-- start -->
<g id="node9" class="node">
<title>start</title>
<polygon fill="none" stroke="black" points="116,-399 79.47,-381 116,-363 152.53,-381 116,-399"/>
<polyline fill="none" stroke="black" points="90.23,-386.3 90.23,-375.7 "/>
<polyline fill="none" stroke="black" points="105.24,-368.3 126.76,-368.3 "/>
<polyline fill="none" stroke="black" points="141.77,-375.7 141.77,-386.3 "/>
<polyline fill="none" stroke="black" points="126.76,-393.7 105.24,-393.7 "/>
<text text-anchor="middle" x="116" y="-377.3" font-family="Times,serif" font-size="14.00">start</text>
</g>
<!-- start&#45;&gt;a0 -->
<g id="edge7" class="edge">
<title>start&#45;&gt;a0</title>
<path fill="none" stroke="black" d="M106.77,-367.28C99.51,-357.29 89.2,-343.09 80.41,-330.97"/>
<polygon fill="black" stroke="black" points="83.04,-328.65 74.34,-322.62 77.38,-332.76 83.04,-328.65"/>
</g>
<!-- start&#45;&gt;b0 -->
<g id="edge8" class="edge">
<title>start&#45;&gt;b0</title>
<path fill="none" stroke="black" d="M125.23,-367.28C132.49,-357.29 142.8,-343.09 151.59,-330.97"/>
<polygon fill="black" stroke="black" points="154.62,-332.76 157.66,-322.62 148.96,-328.65 154.62,-332.76"/>
</g>
</g>
</svg>