<?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="386pt" height="203pt"
 viewBox="0.00 0.00 386.17 202.65" 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 198.648)">
<title>Perl</title>
<polygon fill="white" stroke="none" points="-4,4 -4,-198.648 382.175,-198.648 382.175,4 -4,4"/>
<text text-anchor="middle" x="189.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="64,-31 64,-186.648 172,-186.648 172,-31 64,-31"/>
<text text-anchor="middle" x="118" y="-171.448" 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="180,-31 180,-186.648 292,-186.648 292,-31 180,-31"/>
<text text-anchor="middle" x="236" y="-171.448" 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="-137.648" rx="26.7961" ry="26.7961"/>
<text text-anchor="middle" x="27" y="-133.948" 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.895C27,-102.797 27,-93.8225 27,-85.6008"/>
<polygon fill="maroon" stroke="maroon" stroke-width="3" points="30.5001,-85.363 27,-75.363 23.5001,-85.363 30.5001,-85.363"/>
</g>
<!-- Three -->
<g id="node3" class="node"><title>Three</title>
<polygon fill="none" stroke="magenta" points="118,-155.648 72.0842,-137.648 118,-119.648 163.916,-137.648 118,-155.648"/>
<text text-anchor="middle" x="118" y="-133.948" 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="145,-75 91,-75 91,-39 145,-39 145,-75"/>
<text text-anchor="middle" x="118" 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="M118,-119.582C118,-109.585 118,-96.7267 118,-85.3473"/>
<polygon fill="grey" stroke="grey" stroke-width="3" points="121.5,-85.032 118,-75.0321 114.5,-85.0321 121.5,-85.032"/>
</g>
<!-- Five -->
<g id="node5" class="node"><title>Five</title>
<polygon fill="none" stroke="blue" points="235,-155.648 197.128,-137.648 235,-119.648 272.872,-137.648 235,-155.648"/>
<text text-anchor="middle" x="235" y="-133.948" 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="262,-75 208,-75 208,-39 262,-39 262,-75"/>
<text text-anchor="middle" x="235" 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="M235,-119.582C235,-109.585 235,-96.7267 235,-85.3473"/>
<polygon fill="grey" stroke="grey" stroke-width="3" points="238.5,-85.032 235,-75.0321 231.5,-85.0321 238.5,-85.032"/>
</g>
<!-- Seven -->
<g id="node7" class="node"><title>Seven</title>
<polygon fill="none" stroke="blue" points="374.332,-130.192 374.332,-145.103 353.635,-155.648 324.365,-155.648 303.668,-145.103 303.668,-130.192 324.365,-119.648 353.635,-119.648 374.332,-130.192"/>
<polygon fill="none" stroke="blue" points="378.35,-127.745 378.35,-147.55 354.603,-159.648 323.397,-159.648 299.65,-147.55 299.65,-127.745 323.397,-115.648 354.603,-115.648 378.35,-127.745"/>
<text text-anchor="middle" x="339" y="-133.948" 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="366,-75 312,-75 312,-39 366,-39 366,-75"/>
<text text-anchor="middle" x="339" 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="M339,-115.572C339,-106.282 339,-95.2474 339,-85.336"/>
<polygon fill="grey" stroke="grey" stroke-width="3" points="342.5,-85.1578 339,-75.1578 335.5,-85.1579 342.5,-85.1578"/>
</g>
</g>
</svg>