This repository has been archived by the owner on Jun 24, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 5
/
svg-output.html
1 lines (1 loc) · 12.1 KB
/
svg-output.html
1
<div id="bars"><svg width="600" height="400"><style>#y-axis-label { font-size: 200%; } @media (min-width: 600px) { #y-axis-label { font-size: 0.75em; }}</style><g transform="translate( 100,20 )"><g class="x axis" transform="translate( 0,310)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="#000" d="M0.5,6V0.5H480.5V6"></path><g class="tick" opacity="1" transform="translate(3.661581137309306,0)"><line stroke="#000" y2="6" x1="0.5" x2="0.5"></line><text fill="#000" y="9" x="0.5" dy="0.71em" style="text-anchor: middle;">2009</text></g><g class="tick" opacity="1" transform="translate(83.55062413314842,0)"><line stroke="#000" y2="6" x1="0.5" x2="0.5"></line><text fill="#000" y="9" x="0.5" dy="0.71em" style="text-anchor: middle;">2010</text></g><g class="tick" opacity="1" transform="translate(163.4396671289875,0)"><line stroke="#000" y2="6" x1="0.5" x2="0.5"></line><text fill="#000" y="9" x="0.5" dy="0.71em" style="text-anchor: middle;">2011</text></g><g class="tick" opacity="1" transform="translate(243.32871012482659,0)"><line stroke="#000" y2="6" x1="0.5" x2="0.5"></line><text fill="#000" y="9" x="0.5" dy="0.71em" style="text-anchor: middle;">2012</text></g><g class="tick" opacity="1" transform="translate(323.2177531206657,0)"><line stroke="#000" y2="6" x1="0.5" x2="0.5"></line><text fill="#000" y="9" x="0.5" dy="0.71em" style="text-anchor: middle;">2013</text></g><g class="tick" opacity="1" transform="translate(403.10679611650477,0)"><line stroke="#000" y2="6" x1="0.5" x2="0.5"></line><text fill="#000" y="9" x="0.5" dy="0.71em" style="text-anchor: middle;">2014</text></g></g><g class="y axis" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="#000" d="M-6,310.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,302.6190476190476)"><line stroke="#000" x2="-6" y1="0.5" y2="0.5"></line><text fill="#000" x="-9" y="0.5" dy="0.32em">-40</text></g><g class="tick" opacity="1" transform="translate(0,228.8095238095238)"><line stroke="#000" x2="-6" y1="0.5" y2="0.5"></line><text fill="#000" x="-9" y="0.5" dy="0.32em">-20</text></g><g class="tick" opacity="1" transform="translate(0,155)"><line stroke="#000" x2="-6" y1="0.5" y2="0.5"></line><text fill="#000" x="-9" y="0.5" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,81.19047619047618)"><line stroke="#000" x2="-6" y1="0.5" y2="0.5"></line><text fill="#000" x="-9" y="0.5" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,7.380952380952408)"><line stroke="#000" x2="-6" y1="0.5" y2="0.5"></line><text fill="#000" x="-9" y="0.5" dy="0.32em">40</text></g></g><text transform="rotate(-90)" text-anchor="middle" x="-134" y="-50" id="y-axis-label">Year-over-year change (%)</text><rect class="bar" x="0.6657420249653399" width="5.9916782246879325" y="155" height="147.6190476190476" fill="#2CB34A"></rect><rect class="bar" x="7.323162274618598" width="5.9916782246879325" y="155" height="140.23809523809524" fill="#2CB34A"></rect><rect class="bar" x="13.980582524271856" width="5.9916782246879325" y="155" height="129.16666666666669" fill="#2CB34A"></rect><rect class="bar" x="20.638002773925116" width="5.9916782246879325" y="155" height="114.40476190476193" fill="#2CB34A"></rect><rect class="bar" x="27.295423023578373" width="5.9916782246879325" y="155" height="121.78571428571428" fill="#2CB34A"></rect><rect class="bar" x="33.95284327323163" width="5.9916782246879325" y="155" height="92.26190476190476" fill="#2CB34A"></rect><rect class="bar" x="40.61026352288489" width="5.9916782246879325" y="155" height="81.1904761904762" fill="#2CB34A"></rect><rect class="bar" x="47.26768377253815" width="5.9916782246879325" y="155" height="59.04761904761904" fill="#2CB34A"></rect><rect class="bar" x="53.925104022191405" width="5.9916782246879325" y="155" height="44.28571428571428" fill="#2CB34A"></rect><rect class="bar" x="60.58252427184466" width="5.9916782246879325" y="155" height="33.21428571428572" fill="#2CB34A"></rect><rect class="bar" x="67.23994452149792" width="5.9916782246879325" y="155" height="18.452380952380963" fill="#2CB34A"></rect><rect class="bar" x="73.89736477115117" width="5.9916782246879325" y="155" height="3.690476190476204" fill="#2CB34A"></rect><rect class="bar" x="80.55478502080445" width="5.9916782246879325" y="140.2380952380952" height="14.761904761904788" fill="#2CB34A"></rect><rect class="bar" x="87.2122052704577" width="5.9916782246879325" y="118.0952380952381" height="36.9047619047619" fill="#2CB34A"></rect><rect class="bar" x="93.86962552011096" width="5.9916782246879325" y="110.7142857142857" height="44.285714285714306" fill="#2CB34A"></rect><rect class="bar" x="100.52704576976421" width="5.9916782246879325" y="121.7857142857143" height="33.214285714285694" fill="#2CB34A"></rect><rect class="bar" x="107.18446601941747" width="5.9916782246879325" y="99.64285714285714" height="55.35714285714286" fill="#2CB34A"></rect><rect class="bar" x="113.84188626907073" width="5.9916782246879325" y="59.04761904761904" height="95.95238095238096" fill="#2CB34A"></rect><rect class="bar" x="120.49930651872398" width="5.9916782246879325" y="51.66666666666663" height="103.33333333333337" fill="#2CB34A"></rect><rect class="bar" x="127.15672676837724" width="5.9916782246879325" y="95.95238095238096" height="59.04761904761904" fill="#2CB34A"></rect><rect class="bar" x="133.8141470180305" width="5.9916782246879325" y="110.7142857142857" height="44.285714285714306" fill="#2CB34A"></rect><rect class="bar" x="140.47156726768375" width="5.9916782246879325" y="121.7857142857143" height="33.214285714285694" fill="#2CB34A"></rect><rect class="bar" x="147.128987517337" width="5.9916782246879325" y="136.54761904761904" height="18.452380952380963" fill="#2CB34A"></rect><rect class="bar" x="153.78640776699027" width="5.9916782246879325" y="155" height="3.690476190476204" fill="#2CB34A"></rect><rect class="bar" x="160.44382801664355" width="5.9916782246879325" y="155" height="14.76190476190476" fill="#2CB34A"></rect><rect class="bar" x="167.1012482662968" width="5.9916782246879325" y="155" height="11.071428571428555" fill="#2CB34A"></rect><rect class="bar" x="173.75866851595006" width="5.9916782246879325" y="155" height="44.28571428571428" fill="#2CB34A"></rect><rect class="bar" x="180.41608876560332" width="5.9916782246879325" y="155" height="55.35714285714283" fill="#2CB34A"></rect><rect class="bar" x="187.07350901525658" width="5.9916782246879325" y="155" height="77.5" fill="#2CB34A"></rect><rect class="bar" x="193.73092926490983" width="5.9916782246879325" y="155" height="92.26190476190476" fill="#2CB34A"></rect><rect class="bar" x="200.3883495145631" width="5.9916782246879325" y="155" height="81.1904761904762" fill="#2CB34A"></rect><rect class="bar" x="207.04576976421635" width="5.9916782246879325" y="155" height="59.04761904761904" fill="#2CB34A"></rect><rect class="bar" x="213.7031900138696" width="5.9916782246879325" y="155" height="44.28571428571428" fill="#2CB34A"></rect><rect class="bar" x="220.36061026352286" width="5.9916782246879325" y="155" height="33.21428571428572" fill="#2CB34A"></rect><rect class="bar" x="227.01803051317611" width="5.9916782246879325" y="155" height="18.452380952380963" fill="#2CB34A"></rect><rect class="bar" x="233.67545076282937" width="5.9916782246879325" y="155" height="3.690476190476204" fill="#2CB34A"></rect><rect class="bar" x="240.33287101248263" width="5.9916782246879325" y="140.2380952380952" height="14.761904761904788" fill="#2CB34A"></rect><rect class="bar" x="246.99029126213588" width="5.9916782246879325" y="118.0952380952381" height="36.9047619047619" fill="#2CB34A"></rect><rect class="bar" x="253.64771151178914" width="5.9916782246879325" y="110.7142857142857" height="44.285714285714306" fill="#2CB34A"></rect><rect class="bar" x="260.30513176144245" width="5.9916782246879325" y="121.7857142857143" height="33.214285714285694" fill="#2CB34A"></rect><rect class="bar" x="266.9625520110957" width="5.9916782246879325" y="99.64285714285714" height="55.35714285714286" fill="#2CB34A"></rect><rect class="bar" x="273.6199722607489" width="5.9916782246879325" y="59.04761904761904" height="95.95238095238096" fill="#2CB34A"></rect><rect class="bar" x="280.27739251040214" width="5.9916782246879325" y="51.66666666666663" height="103.33333333333337" fill="#2CB34A"></rect><rect class="bar" x="286.9348127600555" width="5.9916782246879325" y="95.95238095238096" height="59.04761904761904" fill="#2CB34A"></rect><rect class="bar" x="293.5922330097087" width="5.9916782246879325" y="110.7142857142857" height="44.285714285714306" fill="#2CB34A"></rect><rect class="bar" x="300.24965325936193" width="5.9916782246879325" y="121.7857142857143" height="33.214285714285694" fill="#2CB34A"></rect><rect class="bar" x="306.90707350901516" width="5.9916782246879325" y="136.54761904761904" height="18.452380952380963" fill="#2CB34A"></rect><rect class="bar" x="313.5644937586685" width="5.9916782246879325" y="155" height="3.690476190476204" fill="#2CB34A"></rect><rect class="bar" x="320.22191400832173" width="5.9916782246879325" y="155" height="14.76190476190476" fill="#2CB34A"></rect><rect class="bar" x="326.87933425797496" width="5.9916782246879325" y="155" height="11.071428571428555" fill="#2CB34A"></rect><rect class="bar" x="333.5367545076283" width="5.9916782246879325" y="155" height="44.28571428571428" fill="#2CB34A"></rect><rect class="bar" x="340.19417475728153" width="5.9916782246879325" y="155" height="55.35714285714283" fill="#2CB34A"></rect><rect class="bar" x="346.85159500693476" width="5.9916782246879325" y="155" height="77.5" fill="#2CB34A"></rect><rect class="bar" x="353.509015256588" width="5.9916782246879325" y="155" height="92.26190476190476" fill="#2CB34A"></rect><rect class="bar" x="360.1664355062413" width="5.9916782246879325" y="155" height="81.1904761904762" fill="#2CB34A"></rect><rect class="bar" x="366.82385575589456" width="5.9916782246879325" y="155" height="59.04761904761904" fill="#2CB34A"></rect><rect class="bar" x="373.4812760055478" width="5.9916782246879325" y="155" height="44.28571428571428" fill="#2CB34A"></rect><rect class="bar" x="380.138696255201" width="5.9916782246879325" y="155" height="33.21428571428572" fill="#2CB34A"></rect><rect class="bar" x="386.79611650485435" width="5.9916782246879325" y="155" height="18.452380952380963" fill="#2CB34A"></rect><rect class="bar" x="393.4535367545076" width="5.9916782246879325" y="155" height="3.690476190476204" fill="#2CB34A"></rect><rect class="bar" x="400.1109570041608" width="5.9916782246879325" y="140.2380952380952" height="14.761904761904788" fill="#2CB34A"></rect><rect class="bar" x="406.76837725381404" width="5.9916782246879325" y="118.0952380952381" height="36.9047619047619" fill="#2CB34A"></rect><rect class="bar" x="413.4257975034674" width="5.9916782246879325" y="110.7142857142857" height="44.285714285714306" fill="#2CB34A"></rect><rect class="bar" x="420.0832177531206" width="5.9916782246879325" y="121.7857142857143" height="33.214285714285694" fill="#2CB34A"></rect><rect class="bar" x="426.74063800277384" width="5.9916782246879325" y="99.64285714285714" height="55.35714285714286" fill="#2CB34A"></rect><rect class="bar" x="433.3980582524272" width="5.9916782246879325" y="59.04761904761904" height="95.95238095238096" fill="#2CB34A"></rect><rect class="bar" x="440.0554785020804" width="5.9916782246879325" y="51.66666666666663" height="103.33333333333337" fill="#2CB34A"></rect><rect class="bar" x="446.71289875173363" width="5.9916782246879325" y="95.95238095238096" height="59.04761904761904" fill="#2CB34A"></rect><rect class="bar" x="453.37031900138686" width="5.9916782246879325" y="110.7142857142857" height="44.285714285714306" fill="#2CB34A"></rect><rect class="bar" x="460.0277392510402" width="5.9916782246879325" y="121.7857142857143" height="33.214285714285694" fill="#2CB34A"></rect><rect class="bar" x="466.68515950069343" width="5.9916782246879325" y="136.54761904761904" height="18.452380952380963" fill="#2CB34A"></rect><rect class="bar" x="473.34257975034666" width="5.9916782246879325" y="155" height="3.690476190476204" fill="#2CB34A"></rect><line x1="0" x2="480" y1="155" y2="155" stroke-width="2" style="stroke: rgb(0, 0, 0); stroke-dasharray: 7, 3;"></line></g></svg></div>