<!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="http://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/" ns1:scriptImplementation="Adobe" width="640" viewBox="0 0 640 480" height="480">
  <!-- 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">/*
$Id$

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
    }
/*
$Id$

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 y="0" width="640" class="svgBackground" x="0" height="480"></rect>
  <g transform="translate (54.8 26)">
    <rect y="0" x="0" height="416" class="graphBackground" width="508.2"></rect>
    <path id="xAxis" d="M 0 0 v416" class="axis"></path>
    <path id="yAxis" d="M 0 416 h508.2" class="axis"></path>
    <text class="xAxisLabels" x="0.0" y="431" style="text-anchor: middle">0.0</text>
    <text class="xAxisLabels" x="53.8" y="431" style="text-anchor: middle">2.0</text>
    <text class="xAxisLabels" x="107.6" y="431" style="text-anchor: middle">4.0</text>
    <text class="xAxisLabels" x="161.4" y="431" style="text-anchor: middle">6.0</text>
    <text class="xAxisLabels" x="215.2" y="431" style="text-anchor: middle">8.0</text>
    <text class="xAxisLabels" x="269.0" y="431" style="text-anchor: middle">10.0</text>
    <text class="xAxisLabels" x="322.8" y="431" style="text-anchor: middle">12.0</text>
    <text class="xAxisLabels" x="376.6" y="431" style="text-anchor: middle">14.0</text>
    <text class="xAxisLabels" x="430.4" y="431" style="text-anchor: middle">16.0</text>
    <path d="M 53.8 0 v416" class="guideLines"></path>
    <path d="M 107.6 0 v416" class="guideLines"></path>
    <path d="M 161.4 0 v416" class="guideLines"></path>
    <path d="M 215.2 0 v416" class="guideLines"></path>
    <path d="M 269.0 0 v416" class="guideLines"></path>
    <path d="M 322.8 0 v416" class="guideLines"></path>
    <path d="M 376.6 0 v416" class="guideLines"></path>
    <path d="M 430.4 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.8" style="text-anchor: end">12.0</text>
    <text class="yAxisLabels" x="-3" y="145.6" style="text-anchor: end">14.0</text>
    <text class="yAxisLabels" x="-3" y="106.4" style="text-anchor: end">16.0</text>
    <text class="yAxisLabels" x="-3" y="67.2" style="text-anchor: end">18.0</text>
    <path d="M 0 376.8 h508.2" class="guideLines"></path>
    <path d="M 0 337.6 h508.2" class="guideLines"></path>
    <path d="M 0 298.4 h508.2" class="guideLines"></path>
    <path d="M 0 259.2 h508.2" class="guideLines"></path>
    <path d="M 0 220.0 h508.2" class="guideLines"></path>
    <path d="M 0 180.8 h508.2" class="guideLines"></path>
    <path d="M 0 141.6 h508.2" class="guideLines"></path>
    <path d="M 0 102.4 h508.2" class="guideLines"></path>
    <path d="M 0 63.2 h508.2" class="guideLines"></path>
    <path d="M80.700000 259.200000 L80.700000 259.200000 107.600000 396.400000 107.600000 357.200000 107.600000 82.800000 161.400000 82.800000 215.200000 337.600000 242.100000 278.800000 269.000000 298.400000 376.600000 43.600000" class="line1"></path>
    <circle cy="259.2" cx="80.7" r="2.5" class="dataPoint1"></circle>
    <circle cy="396.4" cx="107.6" r="2.5" class="dataPoint1"></circle>
    <circle cy="357.2" cx="107.6" r="2.5" class="dataPoint1"></circle>
    <circle cy="82.8" cx="107.6" r="2.5" class="dataPoint1"></circle>
    <circle cy="82.8" cx="161.4" r="2.5" class="dataPoint1"></circle>
    <circle cy="337.6" cx="215.2" r="2.5" class="dataPoint1"></circle>
    <circle cy="278.8" cx="242.1" r="2.5" class="dataPoint1"></circle>
    <circle cy="298.4" cx="269.0" r="2.5" class="dataPoint1"></circle>
    <circle cy="43.6" cx="376.6" r="2.5" class="dataPoint1"></circle>
    <path d="M53.800000 122.000000 L53.800000 122.000000 80.700000 63.200000 80.700000 24.000000 107.600000 102.400000 242.100000 318.000000 269.000000 376.800000 269.000000 200.400000 322.800000 239.600000 322.800000 200.400000 349.700000 396.400000 403.500000 278.800000 457.300000 357.200000 457.300000 278.800000" class="line2"></path>
    <circle cy="122.0" cx="53.8" r="2.5" class="dataPoint2"></circle>
    <circle cy="63.2" cx="80.7" r="2.5" class="dataPoint2"></circle>
    <circle cy="24.0" cx="80.7" r="2.5" class="dataPoint2"></circle>
    <circle cy="102.4" cx="107.6" r="2.5" class="dataPoint2"></circle>
    <circle cy="318.0" cx="242.1" r="2.5" class="dataPoint2"></circle>
    <circle cy="376.8" cx="269.0" r="2.5" class="dataPoint2"></circle>
    <circle cy="200.4" cx="269.0" r="2.5" class="dataPoint2"></circle>
    <circle cy="239.6" cx="322.8" r="2.5" class="dataPoint2"></circle>
    <circle cy="200.4" cx="322.8" r="2.5" class="dataPoint2"></circle>
    <circle cy="396.4" cx="349.7" r="2.5" class="dataPoint2"></circle>
    <circle cy="278.8" cx="403.5" r="2.5" class="dataPoint2"></circle>
    <circle cy="357.2" cx="457.3" r="2.5" class="dataPoint2"></circle>
    <circle cy="278.8" cx="457.3" r="2.5" class="dataPoint2"></circle>
    <path d="M53.800000 24.000000 L53.800000 24.000000 80.700000 180.800000 161.400000 220.000000 215.200000 141.600000 295.900000 102.400000 322.800000 298.400000 349.700000 416.000000 376.600000 318.000000 457.300000 24.000000 484.200000 239.600000" class="line3"></path>
    <circle cy="24.0" cx="53.8" r="2.5" class="dataPoint3"></circle>
    <circle cy="180.8" cx="80.7" r="2.5" class="dataPoint3"></circle>
    <circle cy="220.0" cx="161.4" r="2.5" class="dataPoint3"></circle>
    <circle cy="141.6" cx="215.2" r="2.5" class="dataPoint3"></circle>
    <circle cy="102.4" cx="295.9" r="2.5" class="dataPoint3"></circle>
    <circle cy="298.4" cx="322.8" r="2.5" class="dataPoint3"></circle>
    <circle cy="416.0" cx="349.7" r="2.5" class="dataPoint3"></circle>
    <circle cy="318.0" cx="376.6" r="2.5" class="dataPoint3"></circle>
    <circle cy="24.0" cx="457.3" r="2.5" class="dataPoint3"></circle>
    <circle cy="239.6" cx="484.2" r="2.5" class="dataPoint3"></circle>
    <g>
      <text style="fill: #000; text-anchor: start;" text="(3.00, 8.00)" visibility="hidden" y="247.2" x="85.7" id="label-(3.00, 8.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(3.00, 8.00)').setAttribute('visibility', hidden)" cy="259.2" cx="80.7" onmouseover="document.getElementById('label-(3.00, 8.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="253.2" x="80.7" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">8</text>
      <text y="253.2" x="80.7" class="dataPointLabel">8</text>
      <text style="fill: #000; text-anchor: start;" text="(4.00, 1.00)" visibility="hidden" y="384.4" x="112.6" id="label-(4.00, 1.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(4.00, 1.00)').setAttribute('visibility', hidden)" cy="396.4" cx="107.6" onmouseover="document.getElementById('label-(4.00, 1.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="390.4" x="107.6" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">1</text>
      <text y="390.4" x="107.6" class="dataPointLabel">1</text>
      <text style="fill: #000; text-anchor: start;" text="(4.00, 3.00)" visibility="hidden" y="345.2" x="112.6" id="label-(4.00, 3.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(4.00, 3.00)').setAttribute('visibility', hidden)" cy="357.2" cx="107.6" onmouseover="document.getElementById('label-(4.00, 3.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="351.2" x="107.6" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">3</text>
      <text y="351.2" x="107.6" class="dataPointLabel">3</text>
      <text style="fill: #000; text-anchor: start;" text="(4.00, 17.00)" visibility="hidden" y="70.8" x="112.6" id="label-(4.00, 17.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(4.00, 17.00)').setAttribute('visibility', hidden)" cy="82.8" cx="107.6" onmouseover="document.getElementById('label-(4.00, 17.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="76.8" x="107.6" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">17</text>
      <text y="76.8" x="107.6" class="dataPointLabel">17</text>
      <text style="fill: #000; text-anchor: start;" text="(6.00, 17.00)" visibility="hidden" y="70.8" x="166.4" id="label-(6.00, 17.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(6.00, 17.00)').setAttribute('visibility', hidden)" cy="82.8" cx="161.4" onmouseover="document.getElementById('label-(6.00, 17.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="76.8" x="161.4" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">17</text>
      <text y="76.8" x="161.4" class="dataPointLabel">17</text>
      <text style="fill: #000; text-anchor: start;" text="(8.00, 4.00)" visibility="hidden" y="325.6" x="220.2" id="label-(8.00, 4.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(8.00, 4.00)').setAttribute('visibility', hidden)" cy="337.6" cx="215.2" onmouseover="document.getElementById('label-(8.00, 4.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="331.6" x="215.2" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">4</text>
      <text y="331.6" x="215.2" class="dataPointLabel">4</text>
      <text style="fill: #000; text-anchor: start;" text="(9.00, 7.00)" visibility="hidden" y="266.8" x="247.1" id="label-(9.00, 7.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(9.00, 7.00)').setAttribute('visibility', hidden)" cy="278.8" cx="242.1" onmouseover="document.getElementById('label-(9.00, 7.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="272.8" x="242.1" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">7</text>
      <text y="272.8" x="242.1" class="dataPointLabel">7</text>
      <text style="fill: #000; text-anchor: start;" text="(10.00, 6.00)" visibility="hidden" y="286.4" x="274.0" id="label-(10.00, 6.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(10.00, 6.00)').setAttribute('visibility', hidden)" cy="298.4" cx="269.0" onmouseover="document.getElementById('label-(10.00, 6.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="292.4" x="269.0" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">6</text>
      <text y="292.4" x="269.0" class="dataPointLabel">6</text>
      <text style="fill: #000; text-anchor: start;" text="(14.00, 19.00)" visibility="hidden" y="31.6" x="381.6" id="label-(14.00, 19.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(14.00, 19.00)').setAttribute('visibility', hidden)" cy="43.6" cx="376.6" onmouseover="document.getElementById('label-(14.00, 19.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="37.6" x="376.6" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">19</text>
      <text y="37.6" x="376.6" class="dataPointLabel">19</text>
      <text style="fill: #000; text-anchor: start;" text="(2.00, 15.00)" visibility="hidden" y="110.0" x="58.8" id="label-(2.00, 15.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(2.00, 15.00)').setAttribute('visibility', hidden)" cy="122.0" cx="53.8" onmouseover="document.getElementById('label-(2.00, 15.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="116.0" x="53.8" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">15</text>
      <text y="116.0" x="53.8" class="dataPointLabel">15</text>
      <text style="fill: #000; text-anchor: start;" text="(3.00, 18.00)" visibility="hidden" y="51.2" x="85.7" id="label-(3.00, 18.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(3.00, 18.00)').setAttribute('visibility', hidden)" cy="63.2" cx="80.7" onmouseover="document.getElementById('label-(3.00, 18.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="57.2" x="80.7" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">18</text>
      <text y="57.2" x="80.7" class="dataPointLabel">18</text>
      <text style="fill: #000; text-anchor: start;" text="(3.00, 20.00)" visibility="hidden" y="12.0" x="85.7" id="label-(3.00, 20.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(3.00, 20.00)').setAttribute('visibility', hidden)" cy="24.0" cx="80.7" onmouseover="document.getElementById('label-(3.00, 20.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="18.0" x="80.7" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">20</text>
      <text y="18.0" x="80.7" class="dataPointLabel">20</text>
      <text style="fill: #000; text-anchor: start;" text="(4.00, 16.00)" visibility="hidden" y="90.4" x="112.6" id="label-(4.00, 16.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(4.00, 16.00)').setAttribute('visibility', hidden)" cy="102.4" cx="107.6" onmouseover="document.getElementById('label-(4.00, 16.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="96.4" x="107.6" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">16</text>
      <text y="96.4" x="107.6" class="dataPointLabel">16</text>
      <text style="fill: #000; text-anchor: start;" text="(9.00, 5.00)" visibility="hidden" y="306.0" x="247.1" id="label-(9.00, 5.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(9.00, 5.00)').setAttribute('visibility', hidden)" cy="318.0" cx="242.1" onmouseover="document.getElementById('label-(9.00, 5.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="312.0" x="242.1" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">5</text>
      <text y="312.0" x="242.1" class="dataPointLabel">5</text>
      <text style="fill: #000; text-anchor: start;" text="(10.00, 2.00)" visibility="hidden" y="364.8" x="274.0" id="label-(10.00, 2.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(10.00, 2.00)').setAttribute('visibility', hidden)" cy="376.8" cx="269.0" onmouseover="document.getElementById('label-(10.00, 2.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="370.8" x="269.0" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">2</text>
      <text y="370.8" x="269.0" class="dataPointLabel">2</text>
      <text style="fill: #000; text-anchor: start;" text="(10.00, 11.00)" visibility="hidden" y="188.4" x="274.0" id="label-(10.00, 11.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(10.00, 11.00)').setAttribute('visibility', hidden)" cy="200.4" cx="269.0" onmouseover="document.getElementById('label-(10.00, 11.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="194.4" x="269.0" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">11</text>
      <text y="194.4" x="269.0" class="dataPointLabel">11</text>
      <text style="fill: #000; text-anchor: start;" text="(12.00, 9.00)" visibility="hidden" y="227.6" x="327.8" id="label-(12.00, 9.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(12.00, 9.00)').setAttribute('visibility', hidden)" cy="239.6" cx="322.8" onmouseover="document.getElementById('label-(12.00, 9.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="233.6" x="322.8" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">9</text>
      <text y="233.6" x="322.8" class="dataPointLabel">9</text>
      <text style="fill: #000; text-anchor: start;" text="(12.00, 11.00)" visibility="hidden" y="188.4" x="327.8" id="label-(12.00, 11.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(12.00, 11.00)').setAttribute('visibility', hidden)" cy="200.4" cx="322.8" onmouseover="document.getElementById('label-(12.00, 11.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="194.4" x="322.8" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">11</text>
      <text y="194.4" x="322.8" class="dataPointLabel">11</text>
      <text style="fill: #000; text-anchor: start;" text="(13.00, 1.00)" visibility="hidden" y="384.4" x="354.7" id="label-(13.00, 1.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(13.00, 1.00)').setAttribute('visibility', hidden)" cy="396.4" cx="349.7" onmouseover="document.getElementById('label-(13.00, 1.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="390.4" x="349.7" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">1</text>
      <text y="390.4" x="349.7" class="dataPointLabel">1</text>
      <text style="fill: #000; text-anchor: start;" text="(15.00, 7.00)" visibility="hidden" y="266.8" x="408.5" id="label-(15.00, 7.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(15.00, 7.00)').setAttribute('visibility', hidden)" cy="278.8" cx="403.5" onmouseover="document.getElementById('label-(15.00, 7.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="272.8" x="403.5" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">7</text>
      <text y="272.8" x="403.5" class="dataPointLabel">7</text>
      <text style="fill: #000; text-anchor: start;" text="(17.00, 3.00)" visibility="hidden" y="345.2" x="462.3" id="label-(17.00, 3.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(17.00, 3.00)').setAttribute('visibility', hidden)" cy="357.2" cx="457.3" onmouseover="document.getElementById('label-(17.00, 3.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="351.2" x="457.3" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">3</text>
      <text y="351.2" x="457.3" class="dataPointLabel">3</text>
      <text style="fill: #000; text-anchor: start;" text="(17.00, 7.00)" visibility="hidden" y="266.8" x="462.3" id="label-(17.00, 7.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(17.00, 7.00)').setAttribute('visibility', hidden)" cy="278.8" cx="457.3" onmouseover="document.getElementById('label-(17.00, 7.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="272.8" x="457.3" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">7</text>
      <text y="272.8" x="457.3" class="dataPointLabel">7</text>
      <text style="fill: #000; text-anchor: start;" text="(2.00, 20.00)" visibility="hidden" y="12.0" x="58.8" id="label-(2.00, 20.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(2.00, 20.00)').setAttribute('visibility', hidden)" cy="24.0" cx="53.8" onmouseover="document.getElementById('label-(2.00, 20.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="18.0" x="53.8" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">20</text>
      <text y="18.0" x="53.8" class="dataPointLabel">20</text>
      <text style="fill: #000; text-anchor: start;" text="(3.00, 12.00)" visibility="hidden" y="168.8" x="85.7" id="label-(3.00, 12.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(3.00, 12.00)').setAttribute('visibility', hidden)" cy="180.8" cx="80.7" onmouseover="document.getElementById('label-(3.00, 12.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="174.8" x="80.7" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">12</text>
      <text y="174.8" x="80.7" class="dataPointLabel">12</text>
      <text style="fill: #000; text-anchor: start;" text="(6.00, 10.00)" visibility="hidden" y="208.0" x="166.4" id="label-(6.00, 10.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(6.00, 10.00)').setAttribute('visibility', hidden)" cy="220.0" cx="161.4" onmouseover="document.getElementById('label-(6.00, 10.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="214.0" x="161.4" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">10</text>
      <text y="214.0" x="161.4" class="dataPointLabel">10</text>
      <text style="fill: #000; text-anchor: start;" text="(8.00, 14.00)" visibility="hidden" y="129.6" x="220.2" id="label-(8.00, 14.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(8.00, 14.00)').setAttribute('visibility', hidden)" cy="141.6" cx="215.2" onmouseover="document.getElementById('label-(8.00, 14.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="135.6" x="215.2" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">14</text>
      <text y="135.6" x="215.2" class="dataPointLabel">14</text>
      <text style="fill: #000; text-anchor: start;" text="(11.00, 16.00)" visibility="hidden" y="90.4" x="300.9" id="label-(11.00, 16.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(11.00, 16.00)').setAttribute('visibility', hidden)" cy="102.4" cx="295.9" onmouseover="document.getElementById('label-(11.00, 16.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="96.4" x="295.9" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">16</text>
      <text y="96.4" x="295.9" class="dataPointLabel">16</text>
      <text style="fill: #000; text-anchor: start;" text="(12.00, 6.00)" visibility="hidden" y="286.4" x="327.8" id="label-(12.00, 6.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(12.00, 6.00)').setAttribute('visibility', hidden)" cy="298.4" cx="322.8" onmouseover="document.getElementById('label-(12.00, 6.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="292.4" x="322.8" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">6</text>
      <text y="292.4" x="322.8" class="dataPointLabel">6</text>
      <text style="fill: #000; text-anchor: start;" text="(13.00, 0.00)" visibility="hidden" y="404.0" x="354.7" id="label-(13.00, 0.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(13.00, 0.00)').setAttribute('visibility', hidden)" cy="416.0" cx="349.7" onmouseover="document.getElementById('label-(13.00, 0.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="410.0" x="349.7" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">0</text>
      <text y="410.0" x="349.7" class="dataPointLabel">0</text>
      <text style="fill: #000; text-anchor: start;" text="(14.00, 5.00)" visibility="hidden" y="306.0" x="381.6" id="label-(14.00, 5.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(14.00, 5.00)').setAttribute('visibility', hidden)" cy="318.0" cx="376.6" onmouseover="document.getElementById('label-(14.00, 5.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="312.0" x="376.6" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">5</text>
      <text y="312.0" x="376.6" class="dataPointLabel">5</text>
      <text style="fill: #000; text-anchor: start;" text="(17.00, 20.00)" visibility="hidden" y="12.0" x="462.3" id="label-(17.00, 20.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(17.00, 20.00)').setAttribute('visibility', hidden)" cy="24.0" cx="457.3" onmouseover="document.getElementById('label-(17.00, 20.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="18.0" x="457.3" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">20</text>
      <text y="18.0" x="457.3" class="dataPointLabel">20</text>
      <text style="fill: #000; text-anchor: start;" text="(18.00, 9.00)" visibility="hidden" y="227.6" x="489.2" id="label-(18.00, 9.00)"></text>
      <circle style="opacity: 0;" onmouseout="document.getElementById('label-(18.00, 9.00)').setAttribute('visibility', hidden)" cy="239.6" cx="484.2" onmouseover="document.getElementById('label-(18.00, 9.00)').setAttribute('visibility', visible)" r="10"></circle>
      <text y="233.6" x="484.2" style="None stroke: #fff; stroke-width: 2;" class="dataPointLabel">9</text>
      <text y="233.6" x="484.2" class="dataPointLabel">9</text>
    </g>
  </g>
  <text y="16" x="320" class="mainTitle">Plot</text>
  <text y="473" x="320" class="xAxisTitle">Time</text>
  <text y="240" x="17" class="yAxisTitle" transform="rotate(-90, 17, 240)">Ice Cream Cones</text>
  <g transform="translate(573 46)">
    <rect y="0" x="0" height="12" class="key1" width="12"></rect>
    <text y="12" x="17" class="keyText">series 1</text>
    <rect y="17" x="0" height="12" class="key2" width="12"></rect>
    <text y="29" x="17" class="keyText">series 2</text>
    <rect y="34" x="0" height="12" class="key3" width="12"></rect>
    <text y="46" x="17" class="keyText">series 3</text>
  </g>
</svg>
	</div>
	<div id="footer">
		<p>Copyright © 2009 Jason R. Coombs</p>
	</div>
</body>
</html>