Skip to content

Instantly share code, notes, and snippets.

@timcameron

timcameron/index.html

Last active August 29, 2015 14:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save timcameron/2e4224d0d8b26eddd6d1 to your computer and use it in GitHub Desktop.
Save timcameron/2e4224d0d8b26eddd6d1 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<html><head><meta charset="utf-8">
<script src="http://edge.quantserve.com/quant.js" async="" type="text/javascript"></script>
<script src="//www.google-analytics.com/ga.js"></script>
<script src="http://edge.quantserve.com/quant.js" async="" type="text/javascript"></script>
<script type="text/javascript">
var _qevents = _qevents || [];
(function() {
var elem = document.createElement('script');
elem.src = (document.location.protocol == 'https:' ? 'https://secure' : 'http://edge') + '.quantserve.com/quant.js';
elem.async = true;
elem.type = 'text/javascript';
var scpt = document.getElementsByTagName('script')[0];
scpt.parentNode.insertBefore(elem, scpt);
})();
_qevents.push({
qacct:'p-S9mx3XF_GwU-x'
});
</script>
<script>
var _gaq=[['_setAccount','UA-34398972-1'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
<script type="text/javascript">
var _qevents = _qevents || [];
(function() {
var elem = document.createElement('script');
elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
elem.async = true;
elem.type = "text/javascript";
var scpt = document.getElementsByTagName('script')[0];
scpt.parentNode.insertBefore(elem, scpt);
})();
_qevents.push({
qacct:"p-S9mx3XF_GwU-x"
});
</script>
<style type="text/css" media="all">@import url("http://www.si.com/sites/all/themes/custom/si_base/styles/global.css?nawt0v");
@import url("http://www.si.com/sites/all/themes/custom/si_base/styles/ui.css?nawt0v");
@import url("http://www.si.com/sites/all/themes/custom/si_desktop/styles/bookmark-overlay.css?nawt0v");</style>
<style>
body{
width:1200px;
height: 600px;
margin:10px auto;
}
svg text{
font-size:12px;
}
rect{
shape-rendering:crispEdges;
}
</style><style type="text/css"></style></head>
<body><div id="StayFocusd-infobar" style="display:none;">
<img src="chrome-extension://laankejkbhbdhmipfmgcngdelahlfoji/common/img/eye_19x19_red.png">
<span id="StayFocusd-infobar-msg"></span>
<span id="StayFocusd-infobar-links">
<a id="StayFocusd-infobar-never-show">hide forever</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a id="StayFocusd-infobar-hide">hide once</a>
</span>
</div><center>
<center>
<div class="orange" style="padding-top:10px;padding-bottom:5px; text-align:middle; font-size:24px; width: 850px; display:table-cell;height:40px;vertical-align:middle;letter-spacing: 0.25px"><strong>Exploring Washington D.C. Institutional Multifamily Sales from 2004 to 2014 in biPartite</strong></div>
</center>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="biPartite.js"></script>
<script>
var data=
[
["NW","2004",141,1404 ],
["SE","2004",8,227 ],
["SW","2004",28,255 ],
["NE","2005",7,161 ],
["NW","2005",269,891 ],
["SE","2005",7,134 ],
["NW","2006",68,427 ],
["SE","2006",15,188 ],
["NE","2007",4,72 ],
["NW","2007",748,3006 ],
["SE","2007",11,184 ],
["NE","2008",4,51 ],
["NW","2008",123,925 ],
["NW","2009",78,297 ],
["SE","2009",5,81 ],
["NE","2010",284,864 ],
["NW","2010",438,2221 ],
["SE","2010",5,28 ],
["NE","2011",55,308 ],
["NW","2011",511,1763 ],
["NW","2012",323,782 ],
["SE","2012",354,931 ],
["NE","2013",47,469 ],
["NW","2013",1881,6203 ],
["SE","2013",82,266 ],
["SW","2013",69,512 ],
["NW","2014",483,830 ],
["SW","2014",36,714 ]
]
;
var width = 1200, height = 450, margin ={b:0, t:40, l:170, r:50};
var svg = d3.select("body")
.append("svg").attr('width',width).attr('height',(height+margin.b+margin.t))
.append("g").attr("transform","translate("+ margin.l+","+margin.t+")");
var data = [
{data:bP.partData(data,2), id:'SalesVolume', header:["Quadrant","Year", "Total Sales Volume in Millions"]},
{data:bP.partData(data,3), id:'Units', header:["Quadrant","Year", "Total Units Sold"]}
];
bP.draw(data, svg);
</script>
<div style="display:table;width:320px;height:10px;font-size:12px" class="gray">
<center><a href="http://twitter.com/abresler" target="_blank"><strong>Visualized and Analyzed by Alex Bresler</strong></a><a href="http://aragorn.org/" target="_blank"><img src="http://www.aragorn.org/aragorn_logo.png" height="26" width="137" alt="aragorn"></a></center></div>
</center><svg width="1200" height="490"><g transform="translate(170,40)"><g id="SalesVolume" transform="translate(0,0)"><g class="part0" transform="translate(0,0)"><g class="subbars"><rect class="subbar" x="0" y="4.9999999999999964" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="4.9999999999999964" width="30" height="0.46580406654343803" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="5.465804066543434" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="5.465804066543434" width="30" height="0.266173752310536" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="5.731977818853971" width="30" height="0.266173752310536" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="5.998151571164507" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="5.998151571164506" width="30" height="18.898336414048057" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="24.896487985212563" width="30" height="3.6598890942698707" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="28.556377079482434" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="28.556377079482434" width="30" height="3.1275415896487986" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="31.683918669131234" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="41.68391866913123" width="30" height="9.382624768946396" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="51.06654343807763" width="30" height="17.90018484288355" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="68.96672828096116" width="30" height="4.524953789279113" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="73.49168207024029" width="30" height="49.77449168207024" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="123.26617375231054" width="30" height="8.184842883548985" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="131.45101663585953" width="30" height="5.190388170055454" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="136.641404805915" width="30" height="29.146025878003698" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="165.78743068391867" width="30" height="34.00369685767098" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="199.79112754158965" width="30" height="21.49353049907579" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="221.28465804066542" width="30" height="125.16820702402958" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="346.452865064695" width="30" height="32.14048059149723" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="388.59334565619224" width="30" height="0.532347504621072" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="389.1256931608133" width="30" height="0.465804066543438" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="389.59149722735674" width="30" height="0.99815157116451" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="390.5896487985213" width="30" height="0.7319778188539741" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="391.3216266173752" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="391.3216266173752" width="30" height="0.33271719038817" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="391.6543438077634" width="30" height="0.33271719038817" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="391.98706099815155" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="391.98706099815155" width="30" height="23.556377079482438" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="415.54343807763405" width="30" height="5.456561922365988" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="421" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="433.57486136783734" width="30" height="1.8632162661737501" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="435.4380776340111" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="435.4380776340111" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="435.4380776340111" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="435.4380776340111" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="435.4380776340111" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="435.4380776340111" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="435.4380776340111" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="435.4380776340111" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="435.4380776340111" width="30" height="4.591497227356742" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="440.0295748613678" width="30" height="2.395563770794822" style="fill: rgb(23, 21, 21);"></rect></g><g class="mainbars"><g class="mainbar"><rect class="mainrect" x="0" y="4.999999999999998" width="30" height="26.683918669131234" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="-130" y="23.341959334565615" text-anchor="start">NE</text><text class="barvalue" x="-50" y="23.341959334565615" text-anchor="end">401</text><text class="barpercent" x="-10" y="23.341959334565615" text-anchor="end" style="fill: rgb(128, 128, 128);">( 7%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="41.68391866913123" width="30" height="336.909426987061" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="-130" y="215.13863216266174" text-anchor="start">NW</text><text class="barvalue" x="-50" y="215.13863216266174" text-anchor="end">5063</text><text class="barpercent" x="-10" y="215.13863216266174" text-anchor="end" style="fill: rgb(128, 128, 128);">( 83%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="388.59334565619224" width="30" height="32.40665434380776" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="-130" y="409.7966728280961" text-anchor="start">SE</text><text class="barvalue" x="-50" y="409.7966728280961" text-anchor="end">487</text><text class="barpercent" x="-10" y="409.7966728280961" text-anchor="end" style="fill: rgb(128, 128, 128);">( 8%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="431" width="30" height="14" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="-130" y="443" text-anchor="start">SW</text><text class="barvalue" x="-50" y="443" text-anchor="end">133</text><text class="barpercent" x="-10" y="443" text-anchor="end" style="fill: rgb(128, 128, 128);">( 2%)</text></g></g><g class="header"><text x="-135" y="-5" style="fill: rgb(128, 128, 128);">Quadrant</text><text x="-60" y="-5" style="fill: rgb(128, 128, 128);">Total</text><line x1="-140" y1="-2" x2="0" y2="-2" style="stroke: rgb(0, 0, 0); stroke-width: 1px; shape-rendering: crispedges;"></line></g></g><g class="part1" transform="translate(205,0)"><g class="subbars"><rect class="subbar" x="0" y="7.522978268614179" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="29" width="30" height="0.35411471321695753" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="58.21695760598504" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="77.31635197719987" width="30" height="0.2023512646954044" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="129.7025293908087" width="30" height="0.20235126469540465" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="154.8154613466334" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="173.91485571784824" width="30" height="14.36693979337371" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="220.69219807623796" width="30" height="2.78232988956181" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="259.3249020306377" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="303.5728535803349" width="30" height="2.3776273601710014" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="418.7449234057713" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="7.52297826861418" width="30" height="7.132882080513004" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="29.35411471321696" width="30" height="13.608122550765941" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="58.21695760598504" width="30" height="3.439971499821875" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="77.51870324189528" width="30" height="37.83968649804062" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="129.90488065550412" width="30" height="6.222301389383693" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="154.8154613466334" width="30" height="3.945849661560373" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="188.28179551122196" width="30" height="22.157463484146778" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="223.47452796579975" width="30" height="25.850374064837904" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="259.3249020306377" width="30" height="16.339864624153897" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="305.95048094050594" width="30" height="95.15568222301391" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="418.7449234057713" width="30" height="24.4339152119701" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="14.655860349127183" width="30" height="0.40470252939080875" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="42.9622372639829" width="30" height="0.35411471321695753" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="61.65692910580692" width="30" height="0.7588172426077666" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="115.3583897399359" width="30" height="0.5564659779123622" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="136.1271820448878" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="158.7613110081938" width="30" height="0.25293908086925465" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="210.43925899536873" width="30" height="0.2529390808692555" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="249.32490203063767" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="275.66476665479155" width="30" height="17.90808692554328" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="401.1061631635198" width="30" height="4.1482009262557895" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="443.1788386177414" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="15.060562878517993" width="30" height="1.4164588528678308" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="43.31635197719986" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="62.41574634841468" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="115.91485571784825" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="136.1271820448878" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="159.01425008906304" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="210.692198076238" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="249.32490203063767" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="293.5728535803349" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="405.2543640897756" width="30" height="3.4905593159957253" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="443.1788386177414" width="30" height="1.8211613822586408" style="fill: rgb(23, 21, 21);"></rect></g><g class="mainbars"><g class="mainbar"><rect class="mainrect" x="0" y="5" width="30" height="14" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="17" text-anchor="start">2004</text><text class="barvalue" x="110" y="17" text-anchor="end">177</text><text class="barpercent" x="150" y="17" text-anchor="end" style="fill: rgb(128, 128, 128);">( 3%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="29" width="30" height="14.316351977199858" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="41.15817598859993" text-anchor="start">2005</text><text class="barvalue" x="110" y="41.15817598859993" text-anchor="end">283</text><text class="barpercent" x="150" y="41.15817598859993" text-anchor="end" style="fill: rgb(128, 128, 128);">( 5%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="53.31635197719986" width="30" height="14" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="65.31635197719986" text-anchor="start">2006</text><text class="barvalue" x="110" y="65.31635197719986" text-anchor="end">83</text><text class="barpercent" x="150" y="65.31635197719986" text-anchor="end" style="fill: rgb(128, 128, 128);">( 1%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="77.31635197719986" width="30" height="38.59850374064839" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="101.61560384752406" text-anchor="start">2007</text><text class="barvalue" x="110" y="101.61560384752406" text-anchor="end">763</text><text class="barpercent" x="150" y="101.61560384752406" text-anchor="end" style="fill: rgb(128, 128, 128);">( 13%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="125.91485571784824" width="30" height="14" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0;"></rect><text class="barlabel" x="45" y="137.91485571784824" text-anchor="start" style="font-weight: normal;">2008</text><text class="barvalue" x="110" y="137.91485571784824" text-anchor="end" style="font-weight: normal;">127</text><text class="barpercent" x="150" y="137.91485571784824" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 2%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="149.91485571784824" width="30" height="14" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="161.91485571784824" text-anchor="start">2009</text><text class="barvalue" x="110" y="161.91485571784824" text-anchor="end">83</text><text class="barpercent" x="150" y="161.91485571784824" text-anchor="end" style="fill: rgb(128, 128, 128);">( 1%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="173.91485571784824" width="30" height="36.77734235838974" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="197.3035268970431" text-anchor="start">2010</text><text class="barvalue" x="110" y="197.3035268970431" text-anchor="end">727</text><text class="barpercent" x="150" y="197.3035268970431" text-anchor="end" style="fill: rgb(128, 128, 128);">( 12%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="220.69219807623796" width="30" height="28.632703954399716" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="240.00855005343783" text-anchor="start">2011</text><text class="barvalue" x="110" y="240.00855005343783" text-anchor="end">566</text><text class="barpercent" x="150" y="240.00855005343783" text-anchor="end" style="fill: rgb(128, 128, 128);">( 9%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="259.3249020306377" width="30" height="34.247951549697184" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="281.4488778054863" text-anchor="start">2012</text><text class="barvalue" x="110" y="281.4488778054863" text-anchor="end">677</text><text class="barpercent" x="150" y="281.4488778054863" text-anchor="end" style="fill: rgb(128, 128, 128);">( 11%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="303.5728535803349" width="30" height="105.17206982543642" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0;"></rect><text class="barlabel" x="45" y="361.1588884930531" text-anchor="start" style="font-weight: normal;">2013</text><text class="barvalue" x="110" y="361.1588884930531" text-anchor="end" style="font-weight: normal;">2079</text><text class="barpercent" x="150" y="361.1588884930531" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 34%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="418.7449234057713" width="30" height="26.255076594228715" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="436.8724617028857" text-anchor="start">2014</text><text class="barvalue" x="110" y="436.8724617028857" text-anchor="end">519</text><text class="barpercent" x="150" y="436.8724617028857" text-anchor="end" style="fill: rgb(128, 128, 128);">( 9%)</text></g></g><g class="header"><text x="40" y="-5" style="fill: rgb(128, 128, 128);">Year</text><text x="100" y="-5" style="fill: rgb(128, 128, 128);">Total</text><line x1="35" y1="-2" x2="160" y2="-2" style="stroke: rgb(0, 0, 0); stroke-width: 1px; shape-rendering: crispedges;"></line></g></g><g class="edges" transform="translate(30,0)"><polygon class="edge" points="0 4.9999999999999964 175 7.522978268614179 175 7.522978268614179 0 4.9999999999999964" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 4.9999999999999964 175 29 175 29.35411471321696 0 5.465804066543434" style="fill: rgb(51, 102, 204); opacity: 0.5;"></polygon><polygon class="edge" points="0 5.465804066543434 175 58.21695760598504 175 58.21695760598504 0 5.465804066543434" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 5.465804066543434 175 77.31635197719987 175 77.51870324189528 0 5.73197781885397" style="fill: rgb(51, 102, 204); opacity: 0.5;"></polygon><polygon class="edge" points="0 5.731977818853971 175 129.7025293908087 175 129.90488065550412 0 5.998151571164507" style="fill: rgb(51, 102, 204); opacity: 0.5;"></polygon><polygon class="edge" points="0 5.998151571164507 175 154.8154613466334 175 154.8154613466334 0 5.998151571164507" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 5.998151571164506 175 173.91485571784824 175 188.28179551122196 0 24.896487985212563" style="fill: rgb(51, 102, 204); opacity: 0.5;"></polygon><polygon class="edge" points="0 24.896487985212563 175 220.69219807623796 175 223.47452796579978 0 28.556377079482434" style="fill: rgb(51, 102, 204); opacity: 0.5;"></polygon><polygon class="edge" points="0 28.556377079482434 175 259.3249020306377 175 259.3249020306377 0 28.556377079482434" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 28.556377079482434 175 303.5728535803349 175 305.9504809405059 0 31.683918669131234" style="fill: rgb(51, 102, 204); opacity: 0.5;"></polygon><polygon class="edge" points="0 31.683918669131234 175 418.7449234057713 175 418.7449234057713 0 31.683918669131234" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 41.68391866913123 175 7.52297826861418 175 14.655860349127185 0 51.06654343807763" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 51.06654343807763 175 29.35411471321696 175 42.9622372639829 0 68.96672828096118" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 68.96672828096116 175 58.21695760598504 175 61.65692910580691 0 73.49168207024027" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 73.49168207024029 175 77.51870324189528 175 115.3583897399359 0 123.26617375231052" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 123.26617375231054 175 129.90488065550412 175 136.1271820448878 0 131.45101663585953" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 131.45101663585953 175 154.8154613466334 175 158.7613110081938 0 136.641404805915" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 136.641404805915 175 188.28179551122196 175 210.43925899536873 0 165.78743068391867" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 165.78743068391867 175 223.47452796579975 175 249.32490203063765 0 199.79112754158965" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 199.79112754158965 175 259.3249020306377 175 275.6647666547916 0 221.28465804066542" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 221.28465804066542 175 305.95048094050594 175 401.10616316351985 0 346.452865064695" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 346.452865064695 175 418.7449234057713 175 443.1788386177414 0 378.59334565619224" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 388.59334565619224 175 14.655860349127183 175 15.060562878517992 0 389.12569316081334" style="fill: rgb(191, 191, 0); opacity: 0.5;"></polygon><polygon class="edge" points="0 389.1256931608133 175 42.9622372639829 175 43.31635197719986 0 389.59149722735674" style="fill: rgb(191, 191, 0); opacity: 0.5;"></polygon><polygon class="edge" points="0 389.59149722735674 175 61.65692910580692 175 62.415746348414686 0 390.58964879852124" style="fill: rgb(191, 191, 0); opacity: 0.5;"></polygon><polygon class="edge" points="0 390.5896487985213 175 115.3583897399359 175 115.91485571784827 0 391.3216266173753" style="fill: rgb(191, 191, 0); opacity: 0.5;"></polygon><polygon class="edge" points="0 391.3216266173752 175 136.1271820448878 175 136.1271820448878 0 391.3216266173752" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 391.3216266173752 175 158.7613110081938 175 159.01425008906304 0 391.6543438077634" style="fill: rgb(191, 191, 0); opacity: 0.5;"></polygon><polygon class="edge" points="0 391.6543438077634 175 210.43925899536873 175 210.692198076238 0 391.98706099815155" style="fill: rgb(191, 191, 0); opacity: 0.5;"></polygon><polygon class="edge" points="0 391.98706099815155 175 249.32490203063767 175 249.32490203063767 0 391.98706099815155" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 391.98706099815155 175 275.66476665479155 175 293.5728535803348 0 415.543438077634" style="fill: rgb(191, 191, 0); opacity: 0.5;"></polygon><polygon class="edge" points="0 415.54343807763405 175 401.1061631635198 175 405.2543640897756 0 421.00000000000006" style="fill: rgb(191, 191, 0); opacity: 0.5;"></polygon><polygon class="edge" points="0 421 175 443.1788386177414 175 443.1788386177414 0 421" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 433.57486136783734 175 15.060562878517993 175 16.477021731385825 0 435.4380776340111" style="fill: rgb(23, 21, 21); opacity: 0.5;"></polygon><polygon class="edge" points="0 435.4380776340111 175 43.31635197719986 175 43.31635197719986 0 435.4380776340111" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 435.4380776340111 175 62.41574634841468 175 62.41574634841468 0 435.4380776340111" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 435.4380776340111 175 115.91485571784825 175 115.91485571784825 0 435.4380776340111" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 435.4380776340111 175 136.1271820448878 175 136.1271820448878 0 435.4380776340111" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 435.4380776340111 175 159.01425008906304 175 159.01425008906304 0 435.4380776340111" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 435.4380776340111 175 210.692198076238 175 210.692198076238 0 435.4380776340111" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 435.4380776340111 175 249.32490203063767 175 249.32490203063767 0 435.4380776340111" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 435.4380776340111 175 293.5728535803349 175 293.5728535803349 0 435.4380776340111" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 435.4380776340111 175 405.2543640897756 175 408.7449234057713 0 440.02957486136785" style="fill: rgb(23, 21, 21); opacity: 0.5;"></polygon><polygon class="edge" points="0 440.0295748613678 175 443.1788386177414 175 445.00000000000006 0 442.4251386321626" style="fill: rgb(23, 21, 21); opacity: 0.5;"></polygon></g><g class="header"><text x="108" y="-20" style="font-size: 20px; text-anchor: middle; font-weight: bold;">Total Sales Volume in Millions</text></g><g class="edges" transform="translate(30,0)"></g><g class="edges" transform="translate(30,0)"></g><g class="edges" transform="translate(30,0)"></g><g class="edges" transform="translate(30,0)"></g></g><g id="Units" transform="translate(550,0)"><g class="part0" transform="translate(0,0)"><g class="subbars"><rect class="subbar" x="0" y="5" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="5" width="30" height="2.7283624039017944" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="7.728362403901794" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="7.728362403901795" width="30" height="1.2201372241051505" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="8.948499628006944" width="30" height="0.8642638670744816" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="9.812763495081427" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="9.812763495081427" width="30" height="14.641646689261806" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="24.45441018434323" width="30" height="5.219475903116477" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="29.673886087459707" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="29.673886087459707" width="30" height="7.947838307018271" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="37.62172439447798" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="47.62172439447795" width="30" height="23.79267587005043" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="71.41440026452838" width="30" height="15.099198148301236" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="86.51359841282962" width="30" height="7.236091592956933" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="93.74969000578655" width="30" height="50.94072910639003" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="144.6904191121766" width="30" height="15.675374059684223" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="160.36579317186084" width="30" height="5.033066049433745" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="165.39885922129457" width="30" height="37.63784409357693" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="203.0367033148715" width="30" height="29.87641564024139" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="232.91311895511288" width="30" height="13.252045961808719" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="246.16516491692158" width="30" height="105.11821112672567" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="351.28337604364725" width="30" height="14.065470777878817" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="375.3488468215261" width="30" height="3.846821525998181" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="379.1956683475243" width="30" height="2.270810944862362" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="381.4664792923866" width="30" height="3.1859138629412245" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="384.65239315532784" width="30" height="3.1181284616020495" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="387.7705216169299" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="387.7705216169299" width="30" height="1.3726543771182935" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="389.1431759940482" width="30" height="0.474497809374225" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="389.6176738034224" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="389.6176738034224" width="30" height="15.777052161692978" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="405.3947259651154" width="30" height="4.507729189055136" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="409.9024551541705" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="419.9024551541705" width="30" height="4.321319335372404" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="424.2237744895429" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="424.2237744895429" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="424.2237744895429" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="424.2237744895429" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="424.2237744895429" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="424.2237744895429" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="424.2237744895429" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="424.2237744895429" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="424.2237744895429" width="30" height="8.676531371414397" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="432.9003058609573" width="30" height="12.09969413904273" style="fill: rgb(23, 21, 21);"></rect></g><g class="mainbars"><g class="mainbar"><rect class="mainrect" x="0" y="5" width="30" height="32.62172439447798" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="-130" y="26.31086219723899" text-anchor="start">NE</text><text class="barvalue" x="-50" y="26.31086219723899" text-anchor="end">1925</text><text class="barpercent" x="-10" y="26.31086219723899" text-anchor="end" style="fill: rgb(128, 128, 128);">( 8%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="47.62172439447798" width="30" height="317.7271224270481" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="-130" y="211.48528560800202" text-anchor="start">NW</text><text class="barvalue" x="-50" y="211.48528560800202" text-anchor="end">18749</text><text class="barpercent" x="-10" y="211.48528560800202" text-anchor="end" style="fill: rgb(128, 128, 128);">( 77%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="375.3488468215261" width="30" height="34.553608332644465" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="-130" y="397.6256509878483" text-anchor="start">SE</text><text class="barvalue" x="-50" y="397.6256509878483" text-anchor="end">2039</text><text class="barpercent" x="-10" y="397.6256509878483" text-anchor="end" style="fill: rgb(128, 128, 128);">( 8%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="419.9024551541705" width="30" height="25.097544845829553" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="-130" y="437.4512275770853" text-anchor="start">SW</text><text class="barvalue" x="-50" y="437.4512275770853" text-anchor="end">1481</text><text class="barpercent" x="-10" y="437.4512275770853" text-anchor="end" style="fill: rgb(128, 128, 128);">( 6%)</text></g></g><g class="header"><text x="-135" y="-5" style="fill: rgb(128, 128, 128);">Quadrant</text><text x="-60" y="-5" style="fill: rgb(128, 128, 128);">Total</text><line x1="-140" y1="-2" x2="0" y2="-2" style="stroke: rgb(0, 0, 0); stroke-width: 1px; shape-rendering: crispedges;"></line></g></g><g class="part1" transform="translate(205,0)"><g class="subbars"><rect class="subbar" x="0" y="4.999999999999998" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="40.28809898762654" width="30" height="2.1587401574803144" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="69.06731158605173" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="90.19037120359953" width="30" height="0.9653993250843644" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="144.3850618672666" width="30" height="0.6838245219347576" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="172.39415073115862" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="191.92832395950506" width="30" height="11.584791901012368" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="243.66843644544429" width="30" height="4.129763779527562" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="281.4370753655793" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="314.4055343082115" width="30" height="6.288503937007876" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="424.2975478065242" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="4.999999999999998" width="30" height="18.825286839145104" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="42.44683914510686" width="30" height="11.946816647919007" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="69.06731158605173" width="30" height="5.725354330708656" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="91.15577052868389" width="30" height="40.305421822272216" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="145.06888638920137" width="30" height="12.40269966254217" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="172.39415073115862" width="30" height="3.9822722159730097" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="203.51311586051742" width="30" height="29.779887514060736" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="247.79820022497185" width="30" height="23.638875140607443" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="281.4370753655793" width="30" height="10.48530933633297" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="320.69403824521936" width="30" height="83.17183352080994" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="424.2975478065242" width="30" height="11.128908886389212" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="23.825286839145104" width="30" height="3.0436895388076484" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="54.39365579302586" width="30" height="1.7967154105736778" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="74.7926659167604" width="30" height="2.520764904386949" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="131.4611923509561" width="30" height="2.4671316085489314" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="157.47158605174351" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="176.3764229471316" width="30" height="1.0860742407199118" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="233.29300337457815" width="30" height="0.3754330708661416" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="271.4370753655793" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="291.9223847019123" width="30" height="12.483149606299227" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="403.8658717660293" width="30" height="3.566614173228348" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="435.42645669291346" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="26.868976377952748" width="30" height="3.4191226096737903" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="56.19037120359954" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="77.31343082114734" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="133.92832395950504" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="157.47158605174351" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="177.46249718785154" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="233.6684364454443" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="271.4370753655793" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="304.4055343082115" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="407.4324859392576" width="30" height="6.865061867266594" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="435.4264566929134" width="30" height="9.573543307086624" style="fill: rgb(23, 21, 21);"></rect></g><g class="mainbars"><g class="mainbar"><rect class="mainrect" x="0" y="4.999999999999998" width="30" height="25.288098987626544" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="22.64404949381327" text-anchor="start">2004</text><text class="barvalue" x="110" y="22.64404949381327" text-anchor="end">1886</text><text class="barpercent" x="150" y="22.64404949381327" text-anchor="end" style="fill: rgb(128, 128, 128);">( 8%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="40.28809898762654" width="30" height="15.902272215973003" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="53.23923509561304" text-anchor="start">2005</text><text class="barvalue" x="110" y="53.23923509561304" text-anchor="end">1186</text><text class="barpercent" x="150" y="53.23923509561304" text-anchor="end" style="fill: rgb(128, 128, 128);">( 5%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="66.19037120359954" width="30" height="14" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="78.19037120359954" text-anchor="start">2006</text><text class="barvalue" x="110" y="78.19037120359954" text-anchor="end">615</text><text class="barpercent" x="150" y="78.19037120359954" text-anchor="end" style="fill: rgb(128, 128, 128);">( 3%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="90.19037120359954" width="30" height="43.73795275590551" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="117.05934758155229" text-anchor="start">2007</text><text class="barvalue" x="110" y="117.05934758155229" text-anchor="end">3262</text><text class="barpercent" x="150" y="117.05934758155229" text-anchor="end" style="fill: rgb(128, 128, 128);">( 13%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="143.92832395950506" width="30" height="14" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0;"></rect><text class="barlabel" x="45" y="155.92832395950506" text-anchor="start" style="font-weight: normal;">2008</text><text class="barvalue" x="110" y="155.92832395950506" text-anchor="end" style="font-weight: normal;">976</text><text class="barpercent" x="150" y="155.92832395950506" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 4%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="167.92832395950506" width="30" height="14" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="179.92832395950506" text-anchor="start">2009</text><text class="barvalue" x="110" y="179.92832395950506" text-anchor="end">378</text><text class="barpercent" x="150" y="179.92832395950506" text-anchor="end" style="fill: rgb(128, 128, 128);">( 2%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="191.92832395950506" width="30" height="41.74011248593926" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="217.7983802024747" text-anchor="start">2010</text><text class="barvalue" x="110" y="217.7983802024747" text-anchor="end">3113</text><text class="barpercent" x="150" y="217.7983802024747" text-anchor="end" style="fill: rgb(128, 128, 128);">( 13%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="243.66843644544429" width="30" height="27.768638920134983" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="262.5527559055118" text-anchor="start">2011</text><text class="barvalue" x="110" y="262.5527559055118" text-anchor="end">2071</text><text class="barpercent" x="150" y="262.5527559055118" text-anchor="end" style="fill: rgb(128, 128, 128);">( 9%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="281.4370753655793" width="30" height="22.968458942632168" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="297.9213048368954" text-anchor="start">2012</text><text class="barvalue" x="110" y="297.9213048368954" text-anchor="end">1713</text><text class="barpercent" x="150" y="297.9213048368954" text-anchor="end" style="fill: rgb(128, 128, 128);">( 7%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="314.4055343082115" width="30" height="99.8920134983127" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0;"></rect><text class="barlabel" x="45" y="369.35154105736785" text-anchor="start" style="font-weight: normal;">2013</text><text class="barvalue" x="110" y="369.35154105736785" text-anchor="end" style="font-weight: normal;">7450</text><text class="barpercent" x="150" y="369.35154105736785" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 31%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="424.2975478065242" width="30" height="20.702452193475818" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0.5;"></rect><text class="barlabel" x="45" y="439.6487739032621" text-anchor="start">2014</text><text class="barvalue" x="110" y="439.6487739032621" text-anchor="end">1544</text><text class="barpercent" x="150" y="439.6487739032621" text-anchor="end" style="fill: rgb(128, 128, 128);">( 6%)</text></g></g><g class="header"><text x="40" y="-5" style="fill: rgb(128, 128, 128);">Year</text><text x="100" y="-5" style="fill: rgb(128, 128, 128);">Total</text><line x1="35" y1="-2" x2="160" y2="-2" style="stroke: rgb(0, 0, 0); stroke-width: 1px; shape-rendering: crispedges;"></line></g></g><g class="edges" transform="translate(30,0)"><polygon class="edge" points="0 5 175 4.999999999999998 175 4.999999999999998 0 5" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 5 175 40.28809898762654 175 42.44683914510686 0 7.728362403901794" style="fill: rgb(51, 102, 204); opacity: 0.5;"></polygon><polygon class="edge" points="0 7.728362403901794 175 69.06731158605173 175 69.06731158605173 0 7.728362403901794" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 7.728362403901795 175 90.19037120359953 175 91.15577052868389 0 8.948499628006946" style="fill: rgb(51, 102, 204); opacity: 0.5;"></polygon><polygon class="edge" points="0 8.948499628006944 175 144.3850618672666 175 145.06888638920134 0 9.812763495081425" style="fill: rgb(51, 102, 204); opacity: 0.5;"></polygon><polygon class="edge" points="0 9.812763495081427 175 172.39415073115862 175 172.39415073115862 0 9.812763495081427" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 9.812763495081427 175 191.92832395950506 175 203.51311586051744 0 24.45441018434323" style="fill: rgb(51, 102, 204); opacity: 0.5;"></polygon><polygon class="edge" points="0 24.45441018434323 175 243.66843644544429 175 247.79820022497185 0 29.673886087459707" style="fill: rgb(51, 102, 204); opacity: 0.5;"></polygon><polygon class="edge" points="0 29.673886087459707 175 281.4370753655793 175 281.4370753655793 0 29.673886087459707" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 29.673886087459707 175 314.4055343082115 175 320.69403824521936 0 37.62172439447798" style="fill: rgb(51, 102, 204); opacity: 0.5;"></polygon><polygon class="edge" points="0 37.62172439447798 175 424.2975478065242 175 424.2975478065242 0 37.62172439447798" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 47.62172439447795 175 4.999999999999998 175 23.8252868391451 0 71.41440026452838" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 71.41440026452838 175 42.44683914510686 175 54.393655793025864 0 86.51359841282962" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 86.51359841282962 175 69.06731158605173 175 74.79266591676038 0 93.74969000578656" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 93.74969000578655 175 91.15577052868389 175 131.4611923509561 0 144.69041911217658" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 144.6904191121766 175 145.06888638920137 175 157.47158605174354 0 160.36579317186084" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 160.36579317186084 175 172.39415073115862 175 176.37642294713163 0 165.3988592212946" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 165.39885922129457 175 203.51311586051742 175 233.29300337457815 0 203.0367033148715" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 203.0367033148715 175 247.79820022497185 175 271.4370753655793 0 232.91311895511288" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 232.91311895511288 175 281.4370753655793 175 291.9223847019123 0 246.16516491692158" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 246.16516491692158 175 320.69403824521936 175 403.8658717660293 0 351.28337604364725" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 351.28337604364725 175 424.2975478065242 175 435.42645669291346 0 365.3488468215261" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 375.3488468215261 175 23.825286839145104 175 26.86897637795275 0 379.19566834752425" style="fill: rgb(191, 191, 0); opacity: 0.5;"></polygon><polygon class="edge" points="0 379.1956683475243 175 54.39365579302586 175 56.19037120359953 0 381.4664792923867" style="fill: rgb(191, 191, 0); opacity: 0.5;"></polygon><polygon class="edge" points="0 381.4664792923866 175 74.7926659167604 175 77.31343082114735 0 384.65239315532784" style="fill: rgb(191, 191, 0); opacity: 0.5;"></polygon><polygon class="edge" points="0 384.65239315532784 175 131.4611923509561 175 133.92832395950504 0 387.7705216169299" style="fill: rgb(191, 191, 0); opacity: 0.5;"></polygon><polygon class="edge" points="0 387.7705216169299 175 157.47158605174351 175 157.47158605174351 0 387.7705216169299" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 387.7705216169299 175 176.3764229471316 175 177.4624971878515 0 389.1431759940482" style="fill: rgb(191, 191, 0); opacity: 0.5;"></polygon><polygon class="edge" points="0 389.1431759940482 175 233.29300337457815 175 233.66843644544429 0 389.6176738034224" style="fill: rgb(191, 191, 0); opacity: 0.5;"></polygon><polygon class="edge" points="0 389.6176738034224 175 271.4370753655793 175 271.4370753655793 0 389.6176738034224" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 389.6176738034224 175 291.9223847019123 175 304.4055343082115 0 405.3947259651154" style="fill: rgb(191, 191, 0); opacity: 0.5;"></polygon><polygon class="edge" points="0 405.3947259651154 175 403.8658717660293 175 407.4324859392576 0 409.9024551541705" style="fill: rgb(191, 191, 0); opacity: 0.5;"></polygon><polygon class="edge" points="0 409.9024551541705 175 435.42645669291346 175 435.42645669291346 0 409.9024551541705" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 419.9024551541705 175 26.868976377952748 175 30.28809898762654 0 424.2237744895429" style="fill: rgb(23, 21, 21); opacity: 0.5;"></polygon><polygon class="edge" points="0 424.2237744895429 175 56.19037120359954 175 56.19037120359954 0 424.2237744895429" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 424.2237744895429 175 77.31343082114734 175 77.31343082114734 0 424.2237744895429" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 424.2237744895429 175 133.92832395950504 175 133.92832395950504 0 424.2237744895429" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 424.2237744895429 175 157.47158605174351 175 157.47158605174351 0 424.2237744895429" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 424.2237744895429 175 177.46249718785154 175 177.46249718785154 0 424.2237744895429" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 424.2237744895429 175 233.6684364454443 175 233.6684364454443 0 424.2237744895429" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 424.2237744895429 175 271.4370753655793 175 271.4370753655793 0 424.2237744895429" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 424.2237744895429 175 304.4055343082115 175 304.4055343082115 0 424.2237744895429" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 424.2237744895429 175 407.4324859392576 175 414.2975478065242 0 432.9003058609573" style="fill: rgb(23, 21, 21); opacity: 0.5;"></polygon><polygon class="edge" points="0 432.9003058609573 175 435.4264566929134 175 445 0 445.00000000000006" style="fill: rgb(23, 21, 21); opacity: 0.5;"></polygon></g><g class="header"><text x="108" y="-20" style="font-size: 20px; text-anchor: middle; font-weight: bold;">Total Units Sold</text></g><g class="edges" transform="translate(30,0)"></g><g class="edges" transform="translate(30,0)"></g><g class="edges" transform="translate(30,0)"></g><g class="edges" transform="translate(30,0)"></g></g></g></svg>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment