<?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.38.0 (20140413.2041)
 -->
<!-- Title: Perl Pages: 1 -->
<svg width="378pt" height="201pt"
 viewBox="0.00 0.00 378.17 201.35" 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 197.348)">
<title>Perl</title>
<polygon fill="white" stroke="none" points="-4,4 -4,-197.348 374.175,-197.348 374.175,4 -4,4"/>
<text text-anchor="middle" x="185.087" y="-7.8" font-family="Times,serif" font-size="14.00">Demo of 3 subgraphs (2 being clusters), and 1 frame</text>
<g id="clust1" class="cluster"><title>cluster First subgraph</title>
<polygon fill="none" stroke="white" points="62,-31 62,-185.348 166,-185.348 166,-31 62,-31"/>
<text text-anchor="middle" x="114" y="-170.148" font-family="Times,serif" font-size="14.00">Child the First</text>
</g>
<g id="clust2" class="cluster"><title>cluster Second subgraph</title>
<polygon fill="none" stroke="purple" points="174,-31 174,-185.348 284,-185.348 284,-31 174,-31"/>
<text text-anchor="middle" x="229" y="-170.148" font-family="Times,serif" font-size="14.00">Child the Second</text>
</g>
<!-- One -->
<g id="node1" class="node"><title>One</title>
<ellipse fill="none" stroke="red" cx="27" cy="-136.348" rx="25.1964" ry="25.1964"/>
<text text-anchor="middle" x="27" y="-132.648" font-family="Times,serif" font-size="14.00">One</text>
</g>
<!-- Two -->
<g id="node2" class="node"><title>Two</title>
<polygon fill="none" stroke="green" points="54,-75 0,-75 0,-39 54,-39 54,-75"/>
<text text-anchor="middle" x="27" y="-53.3" font-family="Times,serif" font-size="14.00">Two</text>
</g>
<!-- One&#45;&gt;Two -->
<g id="edge1" class="edge"><title>One&#45;&gt;Two</title>
<path fill="none" stroke="maroon" stroke-width="3" d="M27,-110.874C27,-102.873 27,-93.9304 27,-85.7084"/>
<polygon fill="maroon" stroke="maroon" stroke-width="3" points="30.5001,-85.4548 27,-75.4548 23.5001,-85.4548 30.5001,-85.4548"/>
</g>
<!-- Three -->
<g id="node3" class="node"><title>Three</title>
<polygon fill="none" stroke="magenta" points="114,-154.348 69.7606,-136.348 114,-118.348 158.239,-136.348 114,-154.348"/>
<text text-anchor="middle" x="114" y="-132.648" font-family="Times,serif" font-size="14.00">Three</text>
</g>
<!-- Four -->
<g id="node4" class="node"><title>Four</title>
<polygon fill="none" stroke="orange" points="141,-75 87,-75 87,-39 141,-39 141,-75"/>
<text text-anchor="middle" x="114" y="-53.3" font-family="Times,serif" font-size="14.00">Four</text>
</g>
<!-- Three&#45;&gt;Four -->
<g id="edge2" class="edge"><title>Three&#45;&gt;Four</title>
<path fill="none" stroke="grey" stroke-width="3" d="M114,-118.182C114,-108.568 114,-96.3552 114,-85.4468"/>
<polygon fill="grey" stroke="grey" stroke-width="3" points="117.5,-85.118 114,-75.118 110.5,-85.118 117.5,-85.118"/>
</g>
<!-- Five -->
<g id="node5" class="node"><title>Five</title>
<polygon fill="none" stroke="blue" points="228,-154.348 190.128,-136.348 228,-118.348 265.872,-136.348 228,-154.348"/>
<text text-anchor="middle" x="228" y="-132.648" font-family="Times,serif" font-size="14.00">Five</text>
</g>
<!-- Six -->
<g id="node6" class="node"><title>Six</title>
<polygon fill="none" stroke="orange" points="255,-75 201,-75 201,-39 255,-39 255,-75"/>
<text text-anchor="middle" x="228" y="-53.3" font-family="Times,serif" font-size="14.00">Six</text>
</g>
<!-- Five&#45;&gt;Six -->
<g id="edge3" class="edge"><title>Five&#45;&gt;Six</title>
<path fill="none" stroke="grey" stroke-width="3" d="M228,-118.182C228,-108.568 228,-96.3552 228,-85.4468"/>
<polygon fill="grey" stroke="grey" stroke-width="3" points="231.5,-85.118 228,-75.118 224.5,-85.118 231.5,-85.118"/>
</g>
<!-- Seven -->
<g id="node7" class="node"><title>Seven</title>
<polygon fill="none" stroke="blue" points="366.332,-128.892 366.332,-143.804 345.635,-154.348 316.365,-154.348 295.668,-143.804 295.668,-128.892 316.365,-118.348 345.635,-118.348 366.332,-128.892"/>
<polygon fill="none" stroke="blue" points="370.35,-126.446 370.35,-146.25 346.603,-158.348 315.397,-158.348 291.65,-146.25 291.65,-126.446 315.397,-114.348 346.603,-114.348 370.35,-126.446"/>
<text text-anchor="middle" x="331" y="-132.648" font-family="Times,serif" font-size="14.00">Seven</text>
</g>
<!-- Eight -->
<g id="node8" class="node"><title>Eight</title>
<polygon fill="none" stroke="orange" points="358,-75 304,-75 304,-39 358,-39 358,-75"/>
<text text-anchor="middle" x="331" y="-53.3" font-family="Times,serif" font-size="14.00">Eight</text>
</g>
<!-- Seven&#45;&gt;Eight -->
<g id="edge4" class="edge"><title>Seven&#45;&gt;Eight</title>
<path fill="none" stroke="grey" stroke-width="3" d="M331,-114.212C331,-105.373 331,-94.9821 331,-85.555"/>
<polygon fill="grey" stroke="grey" stroke-width="3" points="334.5,-85.4548 331,-75.4548 327.5,-85.4548 334.5,-85.4548"/>
</g>
</g>
</svg>