<!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="378.7368421052632" style="text-anchor: end">2.0</text><text class="yAxisLabels" x="-3" y="337.4736842105263" style="text-anchor: end">4.0</text><text class="yAxisLabels" x="-3" y="296.2105263157895" style="text-anchor: end">6.0</text><text class="yAxisLabels" x="-3" y="254.9473684210526" style="text-anchor: end">8.0</text><text class="yAxisLabels" x="-3" y="213.68421052631578" style="text-anchor: end">10.0</text><text class="yAxisLabels" x="-3" y="172.42105263157896" style="text-anchor: end">12.0</text><text class="yAxisLabels" x="-3" y="131.15789473684208" style="text-anchor: end">14.0</text><text class="yAxisLabels" x="-3" y="89.89473684210526" style="text-anchor: end">16.0</text><text class="yAxisLabels" x="-3" y="48.63157894736844" style="text-anchor: end">18.0</text><path d="M 0 374.7368421052632 h508.20000000000005" class="guideLines"></path><path d="M 0 333.4736842105263 h508.20000000000005" class="guideLines"></path><path d="M 0 292.2105263157895 h508.20000000000005" class="guideLines"></path><path d="M 0 250.94736842105263 h508.20000000000005" class="guideLines"></path><path d="M 0 209.68421052631578 h508.20000000000005" class="guideLines"></path><path d="M 0 168.42105263157896 h508.20000000000005" class="guideLines"></path><path d="M 0 127.15789473684208 h508.20000000000005" class="guideLines"></path><path d="M 0 85.89473684210526 h508.20000000000005" class="guideLines"></path><path d="M 0 44.63157894736844 h508.20000000000005" class="guideLines"></path><path d="M24.210000 189.052632 L24.210000 189.052632 96.840000 168.421053 169.470000 209.684211 193.680000 230.315789 266.310000 168.421053 338.940000 209.684211 363.150000 44.631579 387.360000 189.052632 484.200000 209.684211" class="line1"></path><circle cx="24.21" cy="189.05263157894737" r="2.5" class="dataPoint1"></circle><circle cx="96.84" cy="168.42105263157896" r="2.5" class="dataPoint1"></circle><circle cx="169.47" cy="209.68421052631578" r="2.5" class="dataPoint1"></circle><circle cx="193.68" cy="230.31578947368422" r="2.5" class="dataPoint1"></circle><circle cx="266.31" cy="168.42105263157896" r="2.5" class="dataPoint1"></circle><circle cx="338.94" cy="209.68421052631578" r="2.5" class="dataPoint1"></circle><circle cx="363.15000000000003" cy="44.63157894736844" r="2.5" class="dataPoint1"></circle><circle cx="387.36" cy="189.05263157894737" r="2.5" class="dataPoint1"></circle><circle cx="484.20000000000005" cy="209.68421052631578" r="2.5" class="dataPoint1"></circle><path d="M0.000000 230.315789 L0.000000 230.315789 48.420000 230.315789 72.630000 147.789474 96.840000 147.789474 145.260000 85.894737 217.890000 209.684211 266.310000 333.473684 266.310000 85.894737 290.520000 292.210526 338.940000 85.894737 363.150000 416.000000 363.150000 24.000000 387.360000 271.578947 435.780000 189.052632 484.200000 333.473684" class="line2"></path><circle cx="0.0" cy="230.31578947368422" r="2.5" class="dataPoint2"></circle><circle cx="48.42" cy="230.31578947368422" r="2.5" class="dataPoint2"></circle><circle cx="72.63" cy="147.78947368421052" r="2.5" class="dataPoint2"></circle><circle cx="96.84" cy="147.78947368421052" r="2.5" class="dataPoint2"></circle><circle cx="145.26" cy="85.89473684210526" r="2.5" class="dataPoint2"></circle><circle cx="217.89000000000001" cy="209.68421052631578" r="2.5" class="dataPoint2"></circle><circle cx="266.31" cy="333.4736842105263" r="2.5" class="dataPoint2"></circle><circle cx="266.31" cy="85.89473684210526" r="2.5" class="dataPoint2"></circle><circle cx="290.52" cy="292.2105263157895" r="2.5" class="dataPoint2"></circle><circle cx="338.94" cy="85.89473684210526" r="2.5" class="dataPoint2"></circle><circle cx="363.15000000000003" cy="416.0" r="2.5" class="dataPoint2"></circle><circle cx="363.15000000000003" cy="24.0" r="2.5" class="dataPoint2"></circle><circle cx="387.36" cy="271.57894736842104" r="2.5" class="dataPoint2"></circle><circle cx="435.78000000000003" cy="189.05263157894737" r="2.5" class="dataPoint2"></circle><circle cx="484.20000000000005" cy="333.4736842105263" r="2.5" class="dataPoint2"></circle><path d="M96.840000 374.736842 L96.840000 374.736842 121.050000 85.894737 145.260000 44.631579 169.470000 209.684211 193.680000 230.315789 193.680000 230.315789 193.680000 44.631579 266.310000 65.263158 459.990000 147.789474 459.990000 65.263158" class="line3"></path><circle cx="96.84" cy="374.7368421052632" r="2.5" class="dataPoint3"></circle><circle cx="121.05000000000001" cy="85.89473684210526" r="2.5" class="dataPoint3"></circle><circle cx="145.26" cy="44.63157894736844" r="2.5" class="dataPoint3"></circle><circle cx="169.47" cy="209.68421052631578" r="2.5" class="dataPoint3"></circle><circle cx="193.68" cy="230.31578947368422" r="2.5" class="dataPoint3"></circle><circle cx="193.68" cy="230.31578947368422" r="2.5" class="dataPoint3"></circle><circle cx="193.68" cy="44.63157894736844" r="2.5" class="dataPoint3"></circle><circle cx="266.31" cy="65.26315789473682" r="2.5" class="dataPoint3"></circle><circle cx="459.99" cy="147.78947368421052" r="2.5" class="dataPoint3"></circle><circle cx="459.99" cy="65.26315789473682" r="2.5" class="dataPoint3"></circle><g><text x="29.21" y="177.05263157894737" visibility="hidden" style="fill: #000; text-anchor: start;" text="(1.00, 11.00)" id="label-None"></text><circle cx="24.21" cy="189.05263157894737" 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="183.05263157894737" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">11</text><text x="24.21" y="183.05263157894737" class="dataPointLabel">11</text><text x="101.84" y="156.42105263157896" visibility="hidden" style="fill: #000; text-anchor: start;" text="(4.00, 12.00)" id="label-None"></text><circle cx="96.84" cy="168.42105263157896" 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="162.42105263157896" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">12</text><text x="96.84" y="162.42105263157896" class="dataPointLabel">12</text><text x="174.47" y="197.68421052631578" visibility="hidden" style="fill: #000; text-anchor: start;" text="(7.00, 10.00)" id="label-None"></text><circle cx="169.47" cy="209.68421052631578" 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="203.68421052631578" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">10</text><text x="169.47" y="203.68421052631578" class="dataPointLabel">10</text><text x="198.68" y="218.31578947368422" visibility="hidden" style="fill: #000; text-anchor: start;" text="(8.00, 9.00)" id="label-None"></text><circle cx="193.68" cy="230.31578947368422" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="193.68" y="224.31578947368422" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">9</text><text x="193.68" y="224.31578947368422" class="dataPointLabel">9</text><text x="271.31" y="156.42105263157896" visibility="hidden" style="fill: #000; text-anchor: start;" text="(11.00, 12.00)" id="label-None"></text><circle cx="266.31" cy="168.42105263157896" 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="162.42105263157896" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">12</text><text x="266.31" y="162.42105263157896" class="dataPointLabel">12</text><text x="343.94" y="197.68421052631578" visibility="hidden" style="fill: #000; text-anchor: start;" text="(14.00, 10.00)" id="label-None"></text><circle cx="338.94" cy="209.68421052631578" 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="203.68421052631578" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">10</text><text x="338.94" y="203.68421052631578" class="dataPointLabel">10</text><text x="368.15000000000003" y="32.63157894736844" visibility="hidden" style="fill: #000; text-anchor: start;" text="(15.00, 18.00)" id="label-None"></text><circle cx="363.15000000000003" cy="44.63157894736844" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="363.15000000000003" y="38.63157894736844" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">18</text><text x="363.15000000000003" y="38.63157894736844" class="dataPointLabel">18</text><text x="392.36" y="177.05263157894737" visibility="hidden" style="fill: #000; text-anchor: start;" text="(16.00, 11.00)" id="label-None"></text><circle cx="387.36" cy="189.05263157894737" 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="183.05263157894737" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">11</text><text x="387.36" y="183.05263157894737" class="dataPointLabel">11</text><text x="489.20000000000005" y="197.68421052631578" visibility="hidden" style="fill: #000; text-anchor: start;" text="(20.00, 10.00)" id="label-None"></text><circle cx="484.20000000000005" cy="209.68421052631578" 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="203.68421052631578" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">10</text><text x="484.20000000000005" y="203.68421052631578" class="dataPointLabel">10</text><text x="5.0" y="218.31578947368422" visibility="hidden" style="fill: #000; text-anchor: start;" text="(0.00, 9.00)" id="label-None"></text><circle cx="0.0" cy="230.31578947368422" 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="224.31578947368422" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">9</text><text x="0.0" y="224.31578947368422" class="dataPointLabel">9</text><text x="53.42" y="218.31578947368422" visibility="hidden" style="fill: #000; text-anchor: start;" text="(2.00, 9.00)" id="label-None"></text><circle cx="48.42" cy="230.31578947368422" 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="224.31578947368422" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">9</text><text x="48.42" y="224.31578947368422" class="dataPointLabel">9</text><text x="77.63" y="135.78947368421052" visibility="hidden" style="fill: #000; text-anchor: start;" text="(3.00, 13.00)" id="label-None"></text><circle cx="72.63" cy="147.78947368421052" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="72.63" y="141.78947368421052" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">13</text><text x="72.63" y="141.78947368421052" class="dataPointLabel">13</text><text x="101.84" y="135.78947368421052" visibility="hidden" style="fill: #000; text-anchor: start;" text="(4.00, 13.00)" id="label-None"></text><circle cx="96.84" cy="147.78947368421052" 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="141.78947368421052" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">13</text><text x="96.84" y="141.78947368421052" class="dataPointLabel">13</text><text x="150.26" y="73.89473684210526" visibility="hidden" style="fill: #000; text-anchor: start;" text="(6.00, 16.00)" id="label-None"></text><circle cx="145.26" cy="85.89473684210526" 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="79.89473684210526" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">16</text><text x="145.26" y="79.89473684210526" class="dataPointLabel">16</text><text x="222.89000000000001" y="197.68421052631578" visibility="hidden" style="fill: #000; text-anchor: start;" text="(9.00, 10.00)" id="label-None"></text><circle cx="217.89000000000001" cy="209.68421052631578" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="217.89000000000001" y="203.68421052631578" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">10</text><text x="217.89000000000001" y="203.68421052631578" class="dataPointLabel">10</text><text x="271.31" y="321.4736842105263" visibility="hidden" style="fill: #000; text-anchor: start;" text="(11.00, 4.00)" id="label-None"></text><circle cx="266.31" cy="333.4736842105263" 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="327.4736842105263" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">4</text><text x="266.31" y="327.4736842105263" class="dataPointLabel">4</text><text x="271.31" y="73.89473684210526" visibility="hidden" style="fill: #000; text-anchor: start;" text="(11.00, 16.00)" id="label-None"></text><circle cx="266.31" cy="85.89473684210526" 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="79.89473684210526" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">16</text><text x="266.31" y="79.89473684210526" class="dataPointLabel">16</text><text x="295.52" y="280.2105263157895" visibility="hidden" style="fill: #000; text-anchor: start;" text="(12.00, 6.00)" id="label-None"></text><circle cx="290.52" cy="292.2105263157895" 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="286.2105263157895" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">6</text><text x="290.52" y="286.2105263157895" class="dataPointLabel">6</text><text x="343.94" y="73.89473684210526" visibility="hidden" style="fill: #000; text-anchor: start;" text="(14.00, 16.00)" id="label-None"></text><circle cx="338.94" cy="85.89473684210526" 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="79.89473684210526" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">16</text><text x="338.94" y="79.89473684210526" class="dataPointLabel">16</text><text x="368.15000000000003" y="404.0" visibility="hidden" style="fill: #000; text-anchor: start;" text="(15.00, 0.00)" id="label-None"></text><circle cx="363.15000000000003" 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="363.15000000000003" y="410.0" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">0</text><text x="363.15000000000003" y="410.0" class="dataPointLabel">0</text><text x="368.15000000000003" y="12.0" visibility="hidden" style="fill: #000; text-anchor: start;" text="(15.00, 19.00)" id="label-None"></text><circle cx="363.15000000000003" 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="363.15000000000003" y="18.0" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">19</text><text x="363.15000000000003" y="18.0" class="dataPointLabel">19</text><text x="392.36" y="259.57894736842104" visibility="hidden" style="fill: #000; text-anchor: start;" text="(16.00, 7.00)" id="label-None"></text><circle cx="387.36" cy="271.57894736842104" 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="265.57894736842104" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">7</text><text x="387.36" y="265.57894736842104" class="dataPointLabel">7</text><text x="440.78000000000003" y="177.05263157894737" visibility="hidden" style="fill: #000; text-anchor: start;" text="(18.00, 11.00)" id="label-None"></text><circle cx="435.78000000000003" cy="189.05263157894737" 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="183.05263157894737" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">11</text><text x="435.78000000000003" y="183.05263157894737" class="dataPointLabel">11</text><text x="489.20000000000005" y="321.4736842105263" visibility="hidden" style="fill: #000; text-anchor: start;" text="(20.00, 4.00)" id="label-None"></text><circle cx="484.20000000000005" cy="333.4736842105263" 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="327.4736842105263" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">4</text><text x="484.20000000000005" y="327.4736842105263" class="dataPointLabel">4</text><text x="101.84" y="362.7368421052632" visibility="hidden" style="fill: #000; text-anchor: start;" text="(4.00, 2.00)" id="label-None"></text><circle cx="96.84" cy="374.7368421052632" 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="368.7368421052632" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">2</text><text x="96.84" y="368.7368421052632" class="dataPointLabel">2</text><text x="126.05000000000001" y="73.89473684210526" visibility="hidden" style="fill: #000; text-anchor: start;" text="(5.00, 16.00)" id="label-None"></text><circle cx="121.05000000000001" cy="85.89473684210526" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="121.05000000000001" y="79.89473684210526" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">16</text><text x="121.05000000000001" y="79.89473684210526" class="dataPointLabel">16</text><text x="150.26" y="32.63157894736844" visibility="hidden" style="fill: #000; text-anchor: start;" text="(6.00, 18.00)" id="label-None"></text><circle cx="145.26" cy="44.63157894736844" 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="38.63157894736844" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">18</text><text x="145.26" y="38.63157894736844" class="dataPointLabel">18</text><text x="174.47" y="197.68421052631578" visibility="hidden" style="fill: #000; text-anchor: start;" text="(7.00, 10.00)" id="label-None"></text><circle cx="169.47" cy="209.68421052631578" 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="203.68421052631578" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">10</text><text x="169.47" y="203.68421052631578" class="dataPointLabel">10</text><text x="198.68" y="218.31578947368422" visibility="hidden" style="fill: #000; text-anchor: start;" text="(8.00, 9.00)" id="label-None"></text><circle cx="193.68" cy="230.31578947368422" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="193.68" y="224.31578947368422" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">9</text><text x="193.68" y="224.31578947368422" class="dataPointLabel">9</text><text x="198.68" y="218.31578947368422" visibility="hidden" style="fill: #000; text-anchor: start;" text="(8.00, 9.00)" id="label-None"></text><circle cx="193.68" cy="230.31578947368422" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="193.68" y="224.31578947368422" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">9</text><text x="193.68" y="224.31578947368422" class="dataPointLabel">9</text><text x="198.68" y="32.63157894736844" visibility="hidden" style="fill: #000; text-anchor: start;" text="(8.00, 18.00)" id="label-None"></text><circle cx="193.68" cy="44.63157894736844" r="10" style="opacity: 0;" onmouseover="document.getElementById('label-None').setAttribute('visibility', visible)" onmouseout="document.getElementById('label-None').setAttribute('visibility', hidden)"></circle><text x="193.68" y="38.63157894736844" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">18</text><text x="193.68" y="38.63157894736844" class="dataPointLabel">18</text><text x="271.31" y="53.26315789473682" visibility="hidden" style="fill: #000; text-anchor: start;" text="(11.00, 17.00)" id="label-None"></text><circle cx="266.31" cy="65.26315789473682" 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="59.26315789473682" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">17</text><text x="266.31" y="59.26315789473682" class="dataPointLabel">17</text><text x="464.99" y="135.78947368421052" visibility="hidden" style="fill: #000; text-anchor: start;" text="(19.00, 13.00)" id="label-None"></text><circle cx="459.99" cy="147.78947368421052" 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="141.78947368421052" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">13</text><text x="459.99" y="141.78947368421052" class="dataPointLabel">13</text><text x="464.99" y="53.26315789473682" visibility="hidden" style="fill: #000; text-anchor: start;" text="(19.00, 17.00)" id="label-None"></text><circle cx="459.99" cy="65.26315789473682" 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="59.26315789473682" class="dataPointLabel" style="None stroke: #fff; stroke-width: 2;">17</text><text x="459.99" y="59.26315789473682" class="dataPointLabel">17</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>