assets/examples/clusters.svg

<?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)
 -->
<!-- Pages: 1 -->
<svg width="816pt" height="205pt"
 viewBox="0.00 0.00 815.55 205.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 201)">
<polygon fill="white" stroke="transparent" points="-4,4 -4,-201 811.55,-201 811.55,4 -4,4"/>
<text text-anchor="middle" x="403.77" y="-7.8" font-family="Times,serif" font-size="14.00">Example Flow</text>
<g id="clust1" class="cluster">
<title>cluster Flow 1</title>
<polygon fill="turquoise" stroke="black" points="258.09,-114 258.09,-189 719.85,-189 719.85,-114 258.09,-114"/>
<text text-anchor="middle" x="488.97" y="-173.8" font-family="Times,serif" font-size="14.00">Flow 1</text>
</g>
<g id="clust2" class="cluster">
<title>cluster Flow 2</title>
<polygon fill="orange" stroke="black" points="258.09,-31 258.09,-106 719.85,-106 719.85,-31 258.09,-31"/>
<text text-anchor="middle" x="488.97" y="-90.8" font-family="Times,serif" font-size="14.00">Flow 2</text>
</g>
<!-- Cluster 1 Start -->
<g id="node1" class="node">
<title>Cluster 1 Start</title>
<ellipse fill="none" stroke="black" cx="327.83" cy="-140" rx="61.99" ry="18"/>
<text text-anchor="middle" x="327.83" y="-136.3" font-family="Times,serif" font-size="14.00">Cluster 1 Start</text>
</g>
<!-- Cluster 1 Node -->
<g id="node2" class="node">
<title>Cluster 1 Node</title>
<ellipse fill="none" stroke="black" cx="490.92" cy="-140" rx="64.19" ry="18"/>
<text text-anchor="middle" x="490.92" y="-136.3" font-family="Times,serif" font-size="14.00">Cluster 1 Node</text>
</g>
<!-- Cluster 1 Start&#45;&gt;Cluster 1 Node -->
<g id="edge1" class="edge">
<title>Cluster 1 Start&#45;&gt;Cluster 1 Node</title>
<path fill="none" stroke="black" d="M389.95,-140C389.95,-140 416.53,-140 416.53,-140"/>
<polygon fill="black" stroke="black" points="416.53,-143.5 426.53,-140 416.53,-136.5 416.53,-143.5"/>
</g>
<!-- Cluster 1 Exit -->
<g id="node3" class="node">
<title>Cluster 1 Exit</title>
<ellipse fill="none" stroke="black" cx="652.06" cy="-140" rx="59.59" ry="18"/>
<text text-anchor="middle" x="652.06" y="-136.3" font-family="Times,serif" font-size="14.00">Cluster 1 Exit</text>
</g>
<!-- Cluster 1 Node&#45;&gt;Cluster 1 Exit -->
<g id="edge2" class="edge">
<title>Cluster 1 Node&#45;&gt;Cluster 1 Exit</title>
<path fill="none" stroke="black" d="M555.53,-140C555.53,-140 582.13,-140 582.13,-140"/>
<polygon fill="black" stroke="black" points="582.13,-143.5 592.13,-140 582.13,-136.5 582.13,-143.5"/>
</g>
<!-- Exit -->
<g id="node9" class="node">
<title>Exit</title>
<ellipse fill="none" stroke="black" cx="778.2" cy="-105" rx="25.22" ry="25.22"/>
<ellipse fill="none" stroke="black" cx="778.2" cy="-105" rx="29.2" ry="29.2"/>
<text text-anchor="middle" x="778.2" y="-101.3" font-family="Times,serif" font-size="14.00">Exit</text>
</g>
<!-- Cluster 1 Exit&#45;&gt;Exit -->
<g id="edge8" class="edge">
<title>Cluster 1 Exit&#45;&gt;Exit</title>
<path fill="none" stroke="black" d="M719.85,-128.17C734.14,-128.17 749.94,-128.17 749.94,-128.17"/>
<polygon fill="black" stroke="black" points="749.94,-131.67 759.94,-128.17 749.94,-124.67 749.94,-131.67"/>
</g>
<!-- Cluster 2 Start -->
<g id="node4" class="node">
<title>Cluster 2 Start</title>
<ellipse fill="none" stroke="black" cx="327.83" cy="-57" rx="61.99" ry="18"/>
<text text-anchor="middle" x="327.83" y="-53.3" font-family="Times,serif" font-size="14.00">Cluster 2 Start</text>
</g>
<!-- Cluster 2 Node -->
<g id="node5" class="node">
<title>Cluster 2 Node</title>
<ellipse fill="none" stroke="black" cx="490.92" cy="-57" rx="64.19" ry="18"/>
<text text-anchor="middle" x="490.92" y="-53.3" font-family="Times,serif" font-size="14.00">Cluster 2 Node</text>
</g>
<!-- Cluster 2 Start&#45;&gt;Cluster 2 Node -->
<g id="edge3" class="edge">
<title>Cluster 2 Start&#45;&gt;Cluster 2 Node</title>
<path fill="none" stroke="black" d="M389.95,-57C389.95,-57 416.53,-57 416.53,-57"/>
<polygon fill="black" stroke="black" points="416.53,-60.5 426.53,-57 416.53,-53.5 416.53,-60.5"/>
</g>
<!-- Cluster 2 Exit -->
<g id="node6" class="node">
<title>Cluster 2 Exit</title>
<ellipse fill="none" stroke="black" cx="652.06" cy="-57" rx="59.59" ry="18"/>
<text text-anchor="middle" x="652.06" y="-53.3" font-family="Times,serif" font-size="14.00">Cluster 2 Exit</text>
</g>
<!-- Cluster 2 Node&#45;&gt;Cluster 2 Exit -->
<g id="edge4" class="edge">
<title>Cluster 2 Node&#45;&gt;Cluster 2 Exit</title>
<path fill="none" stroke="black" d="M555.53,-57C555.53,-57 582.13,-57 582.13,-57"/>
<polygon fill="black" stroke="black" points="582.13,-60.5 592.13,-57 582.13,-53.5 582.13,-60.5"/>
</g>
<!-- Cluster 2 Exit&#45;&gt;Exit -->
<g id="edge9" class="edge">
<title>Cluster 2 Exit&#45;&gt;Exit</title>
<path fill="none" stroke="black" d="M719.85,-57C749.89,-57 778.55,-57 778.55,-57 778.55,-57 778.55,-65.42 778.55,-65.42"/>
<polygon fill="black" stroke="black" points="775.05,-65.42 778.55,-75.42 782.05,-65.42 775.05,-65.42"/>
</g>
<!-- Start -->
<g id="node7" class="node">
<title>Start</title>
<ellipse fill="none" stroke="black" cx="27.3" cy="-98" rx="27.1" ry="27.1"/>
<text text-anchor="middle" x="27.3" y="-94.3" font-family="Times,serif" font-size="14.00">Start</text>
</g>
<!-- Decision -->
<g id="node8" class="node">
<title>Decision</title>
<polygon fill="none" stroke="black" points="151.34,-116 91.35,-98 151.34,-80 211.33,-98 151.34,-116"/>
<text text-anchor="middle" x="151.34" y="-94.3" font-family="Times,serif" font-size="14.00">Decision</text>
</g>
<!-- Start&#45;&gt;Decision -->
<g id="edge5" class="edge">
<title>Start&#45;&gt;Decision</title>
<path fill="none" stroke="black" d="M54.83,-98C54.83,-98 81.39,-98 81.39,-98"/>
<polygon fill="black" stroke="black" points="81.39,-101.5 91.39,-98 81.39,-94.5 81.39,-101.5"/>
</g>
<!-- Decision&#45;&gt;Cluster 1 Start -->
<g id="edge6" class="edge">
<title>Decision&#45;&gt;Cluster 1 Start</title>
<path fill="none" stroke="black" d="M151.55,-116.01C151.55,-128.03 151.55,-141.65 151.55,-141.65 151.55,-141.65 256.18,-141.65 256.18,-141.65"/>
<polygon fill="black" stroke="black" points="248.09,-145.15 258.09,-141.65 248.09,-138.15 248.09,-145.15"/>
<text text-anchor="middle" x="238.59" y="-131.8" font-family="Times,serif" font-size="14.00">yes</text>
</g>
<!-- Decision&#45;&gt;Cluster 2 Start -->
<g id="edge7" class="edge">
<title>Decision&#45;&gt;Cluster 2 Start</title>
<path fill="none" stroke="black" d="M211.33,-98C223.07,-98 235.56,-98 247.84,-98"/>
<polygon fill="black" stroke="black" points="248.09,-101.5 258.09,-98 248.09,-94.5 248.09,-101.5"/>
<text text-anchor="middle" x="238.59" y="-82.8" font-family="Times,serif" font-size="14.00">no</text>
</g>
</g>
</svg>