<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
	<title>Example charts by svg.charts</title>
	<link rel="stylesheet" type="text/css" media="screen" href="/static/css/style.css" />
	<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Tangerine" />
</head>
<body>
	<div id="header">
		<p>jaraco.com</p>
	</div>
	<div id="main_content">
    <h1>Example Chart</h1>
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:ns1="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" width="640" height="480" viewBox="0 0 640 480" ns1:scriptImplementation="Adobe"><!-- Created with SVG.Graph --><!-- SVG.Graph by Jason R. Coombs --><!-- Based on SVG::Graph by Sean E. Russel --><!-- Based on Perl SVG:TT:Graph by Leo Lapworth & Stephan Morgan --><!-- //////////////////////////////////////////////////////////////////--><defs><style type="text/css">/*
Base styles for svg.charts.Graph
*/
.svgBackground {
    fill: #fff
    }
.graphBackground {
    fill: #f0f0f0
    }
/* graphs titles */
.mainTitle {
    text-anchor: middle;
    fill: #000;
    font-size: 16px;
    font-family: "Arial", sans-serif;
    font-weight: normal
    }
.subTitle {
    text-anchor: middle;
    fill: #999;
    font-size: 14px;
    font-family: "Arial", sans-serif;
    font-weight: normal
    }
.axis {
    stroke: #000;
    stroke-width: 1px
    }
.guideLines {
    stroke: #666;
    stroke-width: 1px;
    stroke-dasharray: 5, 5
    }
.xAxisLabels {
    text-anchor: middle;
    fill: #000;
    font-size: 12px;
    font-family: "Arial", sans-serif;
    font-weight: normal
    }
.yAxisLabels {
    text-anchor: end;
    fill: #000;
    font-size: 12px;
    font-family: "Arial", sans-serif;
    font-weight: normal
    }
.xAxisTitle {
    text-anchor: middle;
    fill: #f00;
    font-size: 14px;
    font-family: "Arial", sans-serif;
    font-weight: normal
    }
.yAxisTitle {
    fill: #f00;
    text-anchor: middle;
    font-size: 14px;
    font-family: "Arial", sans-serif;
    font-weight: normal
    }
.dataPointLabel {
    fill: #000;
    text-anchor: middle;
    font-size: 10px;
    font-family: "Arial", sans-serif;
    font-weight: normal
    }
.staggerGuideLine {
    fill: none;
    stroke: #000;
    stroke-width: 0.5px
    }
.keyText {
    fill: #000;
    text-anchor: start;
    font-size: 10px;
    font-family: "Arial", sans-serif;
    font-weight: normal
    }
/*
default line styles
*/
.line1 {
    fill: none;
    stroke: #f00;
    stroke-width: 1px
    }
.line2 {
    fill: none;
    stroke: #00f;
    stroke-width: 1px
    }
.line3 {
    fill: none;
    stroke: #0f0;
    stroke-width: 1px
    }
.line4 {
    fill: none;
    stroke: #fc0;
    stroke-width: 1px
    }
.line5 {
    fill: none;
    stroke: #0cf;
    stroke-width: 1px
    }
.line6 {
    fill: none;
    stroke: #f0f;
    stroke-width: 1px
    }
.line7 {
    fill: none;
    stroke: #0ff;
    stroke-width: 1px
    }
.line8 {
    fill: none;
    stroke: #ff0;
    stroke-width: 1px
    }
.line9 {
    fill: none;
    stroke: #c66;
    stroke-width: 1px
    }
.line10 {
    fill: none;
    stroke: #639;
    stroke-width: 1px
    }
.line11 {
    fill: none;
    stroke: #390;
    stroke-width: 1px
    }
.line12 {
    fill: none;
    stroke: #96F;
    stroke-width: 1px
    }
/* default fill styles */
.fill1 {
    fill: #c00;
    fill-opacity: 0.2;
    stroke: none
    }
.fill2 {
    fill: #00c;
    fill-opacity: 0.2;
    stroke: none
    }
.fill3 {
    fill: #0c0;
    fill-opacity: 0.2;
    stroke: none
    }
.fill4 {
    fill: #fc0;
    fill-opacity: 0.2;
    stroke: none
    }
.fill5 {
    fill: #0cf;
    fill-opacity: 0.2;
    stroke: none
    }
.fill6 {
    fill: #f0f;
    fill-opacity: 0.2;
    stroke: none
    }
.fill7 {
    fill: #0ff;
    fill-opacity: 0.2;
    stroke: none
    }
.fill8 {
    fill: #ff0;
    fill-opacity: 0.2;
    stroke: none
    }
.fill9 {
    fill: #c66;
    fill-opacity: 0.2;
    stroke: none
    }
.fill10 {
    fill: #639;
    fill-opacity: 0.2;
    stroke: none
    }
.fill11 {
    fill: #390;
    fill-opacity: 0.2;
    stroke: none
    }
.fill12 {
    fill: #96F;
    fill-opacity: 0.2;
    stroke: none
    }
/* default line styles */
.key1, .dataPoint1 {
    fill: #f00;
    stroke: none;
    stroke-width: 1px
    }
.key2, .dataPoint2 {
    fill: #00f;
    stroke: none;
    stroke-width: 1px
    }
.key3, .dataPoint3 {
    fill: #0f0;
    stroke: none;
    stroke-width: 1px
    }
.key4, .dataPoint4 {
    fill: #fc0;
    stroke: none;
    stroke-width: 1px
    }
.key5, .dataPoint5 {
    fill: #0cf;
    stroke: none;
    stroke-width: 1px
    }
.key6, .dataPoint6 {
    fill: #f0f;
    stroke: none;
    stroke-width: 1px
    }
.key7, .dataPoint7 {
    fill: #0ff;
    stroke: none;
    stroke-width: 1px
    }
.key8, .dataPoint8 {
    fill: #ff0;
    stroke: none;
    stroke-width: 1px
    }
.key9, .dataPoint9 {
    fill: #c66;
    stroke: none;
    stroke-width: 1px
    }
.key10, .dataPoint10 {
    fill: #639;
    stroke: none;
    stroke-width: 1px
    }
.key11, .dataPoint11 {
    fill: #390;
    stroke: none;
    stroke-width: 1px
    }
.key12, .dataPoint12 {
    fill: #96F;
    stroke: none;
    stroke-width: 1px
    }
.constantLine {
    color: navy;
    stroke: navy;
    stroke-width: 1px;
    stroke-dasharray: 9, 1, 1
    }</style></defs><!-- include default stylesheet if none specified --><!--SVG Background--><rect width="640" height="480" x="0" y="0" class="svgBackground"></rect><g transform="translate (54.8 26)"><rect x="0" y="0" width="508.20000000000005" height="416" class="graphBackground"></rect><path d="M 0 0 v416" class="axis" id="xAxis"></path><path d="M 0 416 h508.20000000000005" class="axis" id="yAxis"></path><text class="xAxisLabels" x="0.0" y="431" style="text-anchor: middle">0.0</text><text class="xAxisLabels" x="48.42" y="431" style="text-anchor: middle">2.0</text><text class="xAxisLabels" x="96.84" y="431" style="text-anchor: middle">4.0</text><text class="xAxisLabels" x="145.26" y="431" style="text-anchor: middle">6.0</text><text class="xAxisLabels" x="193.68" y="431" style="text-anchor: middle">8.0</text><text class="xAxisLabels" x="242.10000000000002" y="431" style="text-anchor: middle">10.0</text><text class="xAxisLabels" x="290.52" y="431" style="text-anchor: middle">12.0</text><text class="xAxisLabels" x="338.94" y="431" style="text-anchor: middle">14.0</text><text class="xAxisLabels" x="387.36" y="431" style="text-anchor: middle">16.0</text><text class="xAxisLabels" x="435.78000000000003" y="431" style="text-anchor: middle">18.0</text><path d="M 48.42 0 v416" class="guideLines"></path><path d="M 96.84 0 v416" class="guideLines"></path><path d="M 145.26 0 v416" class="guideLines"></path><path d="M 193.68 0 v416" class="guideLines"></path><path d="M 242.10000000000002 0 v416" class="guideLines"></path><path d="M 290.52 0 v416" class="guideLines"></path><path d="M 338.94 0 v416" class="guideLines"></path><path d="M 387.36 0 v416" class="guideLines"></path><path d="M 435.78000000000003 0 v416" class="guideLines"></path><text class="yAxisLabels" x="-3" y="420.0" style="text-anchor: end">0.0</text><text class="yAxisLabels" x="-3" y="380.8" style="text-anchor: end">2.0</text><text class="yAxisLabels" x="-3" y="341.6" style="text-anchor: end">4.0</text><text class="yAxisLabels" x="-3" y="302.4" style="text-anchor: end">6.0</text><text class="yAxisLabels" x="-3" y="263.2" style="text-anchor: end">8.0</text><text class="yAxisLabels" x="-3" y="224.0" style="text-anchor: end">10.0</text><text class="yAxisLabels" x="-3" y="184.79999999999998" style="text-anchor: end">12.0</text><text class="yAxisLabels" x="-3" y="145.59999999999997" style="text-anchor: end">14.0</text><text class="yAxisLabels" x="-3" y="106.39999999999998" style="text-anchor: end">16.0</text><text class="yAxisLabels" x="-3" y="67.19999999999999" style="text-anchor: end">18.0</text><path d="M 0 376.8 h508.20000000000005" class="guideLines"></path><path d="M 0 337.6 h508.20000000000005" class="guideLines"></path><path d="M 0 298.4 h508.20000000000005" class="guideLines"></path><path d="M 0 259.2 h508.20000000000005" class="guideLines"></path><path d="M 0 220.0 h508.20000000000005" class="guideLines"></path><path d="M 0 180.79999999999998 h508.20000000000005" class="guideLines"></path><path d="M 0 141.59999999999997 h508.20000000000005" class="guideLines"></path><path d="M 0 102.39999999999998 h508.20000000000005" class="guideLines"></path><path d="M 0 63.19999999999999 h508.20000000000005" class="guideLines"></path><path d="M0.000000 376.800000 L0.000000 376.800000 24.210000 63.200000 48.420000 298.400000 96.840000 337.600000 242.100000 141.600000 242.100000 82.800000 266.310000 396.400000 266.310000 278.800000 266.310000 82.800000 290.520000 357.200000 387.360000 141.600000" class="line1"></path><circle cx="0.0" cy="376.8" r="2.5" class="dataPoint1"></circle><circle cx="24.21" cy="63.19999999999999" r="2.5" class="dataPoint1"></circle><circle cx="48.42" cy="298.4" r="2.5" class="dataPoint1"></circle><circle cx="96.84" cy="337.6" r="2.5" class="dataPoint1"></circle><circle cx="242.10000000000002" cy="141.59999999999997" r="2.5" class="dataPoint1"></circle><circle cx="242.10000000000002" cy="82.79999999999995" r="2.5" class="dataPoint1"></circle><circle cx="266.31" cy="396.4" r="2.5" class="dataPoint1"></circle><circle cx="266.31" cy="278.79999999999995" r="2.5" class="dataPoint1"></circle><circle cx="266.31" cy="82.79999999999995" r="2.5" class="dataPoint1"></circle><circle cx="290.52" cy="357.2" r="2.5" class="dataPoint1"></circle><circle cx="387.36" cy="141.59999999999997" r="2.5" class="dataPoint1"></circle><path d="M0.000000 220.000000 L0.000000 220.000000 96.840000 318.000000 169.470000 180.800000 242.100000 141.600000 266.310000 102.400000 338.940000 416.000000 435.780000 200.400000 484.200000 200.400000 484.200000 200.400000 484.200000 122.000000" class="line2"></path><circle cx="0.0" cy="220.0" r="2.5" class="dataPoint2"></circle><circle cx="96.84" cy="318.0" r="2.5" class="dataPoint2"></circle><circle cx="169.47" cy="180.79999999999998" r="2.5" class="dataPoint2"></circle><circle cx="242.10000000000002" cy="141.59999999999997" r="2.5" class="dataPoint2"></circle><circle cx="266.31" cy="102.39999999999998" r="2.5" class="dataPoint2"></circle><circle cx="338.94" cy="416.0" r="2.5" class="dataPoint2"></circle><circle cx="435.78000000000003" cy="200.39999999999998" r="2.5" class="dataPoint2"></circle><circle cx="484.20000000000005" cy="200.39999999999998" r="2.5" class="dataPoint2"></circle><circle cx="484.20000000000005" cy="200.39999999999998" r="2.5" class="dataPoint2"></circle><circle cx="484.20000000000005" cy="122.0" r="2.5" class="dataPoint2"></circle><path d="M48.420000 318.000000 L48.420000 318.000000 96.840000 376.800000 145.260000 416.000000 145.260000 161.200000 314.730000 24.000000 338.940000 337.600000 338.940000 318.000000 411.570000 141.600000 411.570000 24.000000 435.780000 298.400000 459.990000 298.400000 459.990000 259.200000 459.990000 180.800000" class="line3"></path><circle cx="48.42" cy="318.0" r="2.5" class="dataPoint3"></circle><circle cx="96.84" cy="376.8" r="2.5" class="dataPoint3"></circle><circle cx="145.26" cy="416.0" r="2.5" class="dataPoint3"></circle><circle cx="145.26" cy="161.2" r="2.5" class="dataPoint3"></circle><circle cx="314.73" cy="24.0" r="2.5" class="dataPoint3"></circle><circle cx="338.94" cy="337.6" r="2.5" class="dataPoint3"></circle><circle cx="338.94" cy="318.0" r="2.5" class="dataPoint3"></circle><circle cx="411.57" cy="141.59999999999997" r="2.5" class="dataPoint3"></circle><circle cx="411.57" cy="24.0" r="2.5" class="dataPoint3"></circle><circle cx="435.78000000000003" cy="298.4" r="2.5" class="dataPoint3"></circle><circle cx="459.99" cy="298.4" r="2.5" class="dataPoint3"></circle><circle cx="459.99" cy="259.2" r="2.5" class="dataPoint3"></circle><circle cx="459.99" cy="180.79999999999998" r="2.5" class="dataPoint3"></circle><g><text x="5.0" y="364.8" visibility="hidden" style="fill: #000; text-anchor: start;" text="(0.00, 2.00)" id="label-None"></text><circle cx="0.0" cy="376.8" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="0.0" y="370.8" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">2</text><text x="0.0" y="370.8" class="dataPointLabel">2</text><text x="29.21" y="51.19999999999999" visibility="hidden" style="fill: #000; text-anchor: start;" text="(1.00, 18.00)" id="label-None"></text><circle cx="24.21" cy="63.19999999999999" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="24.21" y="57.19999999999999" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">18</text><text x="24.21" y="57.19999999999999" class="dataPointLabel">18</text><text x="53.42" y="286.4" visibility="hidden" style="fill: #000; text-anchor: start;" text="(2.00, 6.00)" id="label-None"></text><circle cx="48.42" cy="298.4" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="48.42" y="292.4" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">6</text><text x="48.42" y="292.4" class="dataPointLabel">6</text><text x="101.84" y="325.6" visibility="hidden" style="fill: #000; text-anchor: start;" text="(4.00, 4.00)" id="label-None"></text><circle cx="96.84" cy="337.6" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="96.84" y="331.6" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">4</text><text x="96.84" y="331.6" class="dataPointLabel">4</text><text x="247.10000000000002" y="129.59999999999997" visibility="hidden" style="fill: #000; text-anchor: start;" text="(10.00, 14.00)" id="label-None"></text><circle cx="242.10000000000002" cy="141.59999999999997" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="242.10000000000002" y="135.59999999999997" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">14</text><text x="242.10000000000002" y="135.59999999999997" class="dataPointLabel">14</text><text x="247.10000000000002" y="70.79999999999995" visibility="hidden" style="fill: #000; text-anchor: start;" text="(10.00, 17.00)" id="label-None"></text><circle cx="242.10000000000002" cy="82.79999999999995" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="242.10000000000002" y="76.79999999999995" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">17</text><text x="242.10000000000002" y="76.79999999999995" class="dataPointLabel">17</text><text x="271.31" y="384.4" visibility="hidden" style="fill: #000; text-anchor: start;" text="(11.00, 1.00)" id="label-None"></text><circle cx="266.31" cy="396.4" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="266.31" y="390.4" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">1</text><text x="266.31" y="390.4" class="dataPointLabel">1</text><text x="271.31" y="266.79999999999995" visibility="hidden" style="fill: #000; text-anchor: start;" text="(11.00, 7.00)" id="label-None"></text><circle cx="266.31" cy="278.79999999999995" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="266.31" y="272.79999999999995" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">7</text><text x="266.31" y="272.79999999999995" class="dataPointLabel">7</text><text x="271.31" y="70.79999999999995" visibility="hidden" style="fill: #000; text-anchor: start;" text="(11.00, 17.00)" id="label-None"></text><circle cx="266.31" cy="82.79999999999995" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="266.31" y="76.79999999999995" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">17</text><text x="266.31" y="76.79999999999995" class="dataPointLabel">17</text><text x="295.52" y="345.2" visibility="hidden" style="fill: #000; text-anchor: start;" text="(12.00, 3.00)" id="label-None"></text><circle cx="290.52" cy="357.2" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="290.52" y="351.2" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">3</text><text x="290.52" y="351.2" class="dataPointLabel">3</text><text x="392.36" y="129.59999999999997" visibility="hidden" style="fill: #000; text-anchor: start;" text="(16.00, 14.00)" id="label-None"></text><circle cx="387.36" cy="141.59999999999997" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="387.36" y="135.59999999999997" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">14</text><text x="387.36" y="135.59999999999997" class="dataPointLabel">14</text><text x="5.0" y="208.0" visibility="hidden" style="fill: #000; text-anchor: start;" text="(0.00, 10.00)" id="label-None"></text><circle cx="0.0" cy="220.0" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="0.0" y="214.0" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">10</text><text x="0.0" y="214.0" class="dataPointLabel">10</text><text x="101.84" y="306.0" visibility="hidden" style="fill: #000; text-anchor: start;" text="(4.00, 5.00)" id="label-None"></text><circle cx="96.84" cy="318.0" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="96.84" y="312.0" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">5</text><text x="96.84" y="312.0" class="dataPointLabel">5</text><text x="174.47" y="168.79999999999998" visibility="hidden" style="fill: #000; text-anchor: start;" text="(7.00, 12.00)" id="label-None"></text><circle cx="169.47" cy="180.79999999999998" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="169.47" y="174.79999999999998" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">12</text><text x="169.47" y="174.79999999999998" class="dataPointLabel">12</text><text x="247.10000000000002" y="129.59999999999997" visibility="hidden" style="fill: #000; text-anchor: start;" text="(10.00, 14.00)" id="label-None"></text><circle cx="242.10000000000002" cy="141.59999999999997" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="242.10000000000002" y="135.59999999999997" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">14</text><text x="242.10000000000002" y="135.59999999999997" class="dataPointLabel">14</text><text x="271.31" y="90.39999999999998" visibility="hidden" style="fill: #000; text-anchor: start;" text="(11.00, 16.00)" id="label-None"></text><circle cx="266.31" cy="102.39999999999998" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="266.31" y="96.39999999999998" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">16</text><text x="266.31" y="96.39999999999998" class="dataPointLabel">16</text><text x="343.94" y="404.0" visibility="hidden" style="fill: #000; text-anchor: start;" text="(14.00, 0.00)" id="label-None"></text><circle cx="338.94" cy="416.0" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="338.94" y="410.0" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">0</text><text x="338.94" y="410.0" class="dataPointLabel">0</text><text x="440.78000000000003" y="188.39999999999998" visibility="hidden" style="fill: #000; text-anchor: start;" text="(18.00, 11.00)" id="label-None"></text><circle cx="435.78000000000003" cy="200.39999999999998" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="435.78000000000003" y="194.39999999999998" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">11</text><text x="435.78000000000003" y="194.39999999999998" class="dataPointLabel">11</text><text x="489.20000000000005" y="188.39999999999998" visibility="hidden" style="fill: #000; text-anchor: start;" text="(20.00, 11.00)" id="label-None"></text><circle cx="484.20000000000005" cy="200.39999999999998" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="484.20000000000005" y="194.39999999999998" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">11</text><text x="484.20000000000005" y="194.39999999999998" class="dataPointLabel">11</text><text x="489.20000000000005" y="188.39999999999998" visibility="hidden" style="fill: #000; text-anchor: start;" text="(20.00, 11.00)" id="label-None"></text><circle cx="484.20000000000005" cy="200.39999999999998" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="484.20000000000005" y="194.39999999999998" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">11</text><text x="484.20000000000005" y="194.39999999999998" class="dataPointLabel">11</text><text x="489.20000000000005" y="110.0" visibility="hidden" style="fill: #000; text-anchor: start;" text="(20.00, 15.00)" id="label-None"></text><circle cx="484.20000000000005" cy="122.0" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="484.20000000000005" y="116.0" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">15</text><text x="484.20000000000005" y="116.0" class="dataPointLabel">15</text><text x="53.42" y="306.0" visibility="hidden" style="fill: #000; text-anchor: start;" text="(2.00, 5.00)" id="label-None"></text><circle cx="48.42" cy="318.0" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="48.42" y="312.0" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">5</text><text x="48.42" y="312.0" class="dataPointLabel">5</text><text x="101.84" y="364.8" visibility="hidden" style="fill: #000; text-anchor: start;" text="(4.00, 2.00)" id="label-None"></text><circle cx="96.84" cy="376.8" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="96.84" y="370.8" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">2</text><text x="96.84" y="370.8" class="dataPointLabel">2</text><text x="150.26" y="404.0" visibility="hidden" style="fill: #000; text-anchor: start;" text="(6.00, 0.00)" id="label-None"></text><circle cx="145.26" cy="416.0" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="145.26" y="410.0" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">0</text><text x="145.26" y="410.0" class="dataPointLabel">0</text><text x="150.26" y="149.2" visibility="hidden" style="fill: #000; text-anchor: start;" text="(6.00, 13.00)" id="label-None"></text><circle cx="145.26" cy="161.2" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="145.26" y="155.2" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">13</text><text x="145.26" y="155.2" class="dataPointLabel">13</text><text x="319.73" y="12.0" visibility="hidden" style="fill: #000; text-anchor: start;" text="(13.00, 20.00)" id="label-None"></text><circle cx="314.73" cy="24.0" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="314.73" y="18.0" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">20</text><text x="314.73" y="18.0" class="dataPointLabel">20</text><text x="343.94" y="325.6" visibility="hidden" style="fill: #000; text-anchor: start;" text="(14.00, 4.00)" id="label-None"></text><circle cx="338.94" cy="337.6" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="338.94" y="331.6" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">4</text><text x="338.94" y="331.6" class="dataPointLabel">4</text><text x="343.94" y="306.0" visibility="hidden" style="fill: #000; text-anchor: start;" text="(14.00, 5.00)" id="label-None"></text><circle cx="338.94" cy="318.0" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="338.94" y="312.0" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">5</text><text x="338.94" y="312.0" class="dataPointLabel">5</text><text x="416.57" y="129.59999999999997" visibility="hidden" style="fill: #000; text-anchor: start;" text="(17.00, 14.00)" id="label-None"></text><circle cx="411.57" cy="141.59999999999997" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="411.57" y="135.59999999999997" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">14</text><text x="411.57" y="135.59999999999997" class="dataPointLabel">14</text><text x="416.57" y="12.0" visibility="hidden" style="fill: #000; text-anchor: start;" text="(17.00, 20.00)" id="label-None"></text><circle cx="411.57" cy="24.0" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="411.57" y="18.0" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">20</text><text x="411.57" y="18.0" class="dataPointLabel">20</text><text x="440.78000000000003" y="286.4" visibility="hidden" style="fill: #000; text-anchor: start;" text="(18.00, 6.00)" id="label-None"></text><circle cx="435.78000000000003" cy="298.4" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="435.78000000000003" y="292.4" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">6</text><text x="435.78000000000003" y="292.4" class="dataPointLabel">6</text><text x="464.99" y="286.4" visibility="hidden" style="fill: #000; text-anchor: start;" text="(19.00, 6.00)" id="label-None"></text><circle cx="459.99" cy="298.4" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="459.99" y="292.4" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">6</text><text x="459.99" y="292.4" class="dataPointLabel">6</text><text x="464.99" y="247.2" visibility="hidden" style="fill: #000; text-anchor: start;" text="(19.00, 8.00)" id="label-None"></text><circle cx="459.99" cy="259.2" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="459.99" y="253.2" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">8</text><text x="459.99" y="253.2" class="dataPointLabel">8</text><text x="464.99" y="168.79999999999998" visibility="hidden" style="fill: #000; text-anchor: start;" text="(19.00, 12.00)" id="label-None"></text><circle cx="459.99" cy="180.79999999999998" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="459.99" y="174.79999999999998" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">12</text><text x="459.99" y="174.79999999999998" class="dataPointLabel">12</text></g></g><text x="320.0" y="16" class="mainTitle">Plot</text><text x="320.0" y="473" class="xAxisTitle">Time</text><text x="17" y="240.0" class="yAxisTitle" transform="rotate(-90, 17, 240.0)">Ice Cream Cones</text><g transform="translate(573 46)"><rect x="0" y="0" width="12" height="12" class="key1"></rect><text x="17" y="12" class="keyText">series 1</text><rect x="0" y="17" width="12" height="12" class="key2"></rect><text x="17" y="29" class="keyText">series 2</text><rect x="0" y="34" width="12" height="12" class="key3"></rect><text x="17" y="46" class="keyText">series 3</text></g></svg>
	</div>
	<div id="footer">
		<p>Copyright © 2026 Jason R. Coombs</p>
	</div>
</body>
</html>