Skip to content

Instantly share code, notes, and snippets.

@timcameron

timcameron/index.html

Created September 18, 2014 05:50
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/ebbc9e51f43f6b22327b to your computer and use it in GitHub Desktop.
Save timcameron/ebbc9e51f43f6b22327b to your computer and use it in GitHub Desktop.
Download ZIP
js
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="5" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><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="0" style="fill: rgb(51, 102, 204);"></rect><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="0" style="fill: rgb(51, 102, 204);"></rect><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="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="5" width="30" height="37.120141342756185" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="42.120141342756185" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="42.120141342756185" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="42.120141342756185" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="52.12014134275623" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="52.12014134275623" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="52.12014134275623" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="52.12014134275623" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="52.12014134275623" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="52.12014134275623" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="52.12014134275623" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="52.12014134275623" width="30" height="344.87985865724374" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="397" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="397" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="397" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="414.00000000000006" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414.00000000000006" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414.00000000000006" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414.00000000000006" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414.00000000000006" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414.00000000000006" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414.00000000000006" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414.00000000000006" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414.00000000000006" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414.00000000000006" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414.00000000000006" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="438.00000000000006" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438.00000000000006" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438.00000000000006" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438.00000000000006" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438.00000000000006" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438.00000000000006" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438.00000000000006" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438.00000000000006" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438.00000000000006" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438.00000000000006" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438.00000000000006" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect></g><g class="mainbars"><g class="mainbar"><rect class="mainrect" x="0" y="5" width="30" height="37.120141342756185" 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="28.560070671378092" text-anchor="start">NE</text><text class="barvalue" x="-50" y="28.560070671378092" text-anchor="end">55</text><text class="barpercent" x="-10" y="28.560070671378092" text-anchor="end" style="fill: rgb(128, 128, 128);">( 10%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="52.1201413427562" width="30" height="344.87985865724386" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0;"></rect><text class="barlabel" x="-130" y="229.56007067137813" text-anchor="start" style="font-weight: normal;">NW</text><text class="barvalue" x="-50" y="229.56007067137813" text-anchor="end" style="font-weight: normal;">511</text><text class="barpercent" x="-10" y="229.56007067137813" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 90%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="407.00000000000006" 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="419.00000000000006" text-anchor="start">SE</text><text class="barvalue" x="-50" y="419.00000000000006" text-anchor="end">0</text><text class="barpercent" x="-10" y="419.00000000000006" text-anchor="end" style="fill: rgb(128, 128, 128);">( 0%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="431.00000000000006" 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="-130" y="443.00000000000006" text-anchor="start" style="font-weight: normal;">SW</text><text class="barvalue" x="-50" y="443.00000000000006" text-anchor="end" style="font-weight: normal;">0</text><text class="barpercent" x="-10" y="443.00000000000006" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 0%)</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;"></rect><text class="barlabel" x="45" y="41.15817598859993" text-anchor="start" style="font-weight: normal;">2005</text><text class="barvalue" x="110" y="41.15817598859993" text-anchor="end" style="font-weight: normal;">283</text><text class="barpercent" x="150" y="41.15817598859993" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 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;"></rect><text class="barlabel" x="45" y="65.31635197719986" text-anchor="start" style="font-weight: normal;">2006</text><text class="barvalue" x="110" y="65.31635197719986" text-anchor="end" style="font-weight: normal;">83</text><text class="barpercent" x="150" y="65.31635197719986" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 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;"></rect><text class="barlabel" x="45" y="161.91485571784824" text-anchor="start" style="font-weight: normal;">2009</text><text class="barvalue" x="110" y="161.91485571784824" text-anchor="end" style="font-weight: normal;">83</text><text class="barpercent" x="150" y="161.91485571784824" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 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;"></rect><text class="barlabel" x="45" y="197.3035268970431" text-anchor="start" style="font-weight: normal;">2010</text><text class="barvalue" x="110" y="197.3035268970431" text-anchor="end" style="font-weight: normal;">727</text><text class="barpercent" x="150" y="197.3035268970431" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 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: 1;"></rect><text class="barlabel" x="45" y="240.00855005343783" text-anchor="start" style="font-weight: bold;">2011</text><text class="barvalue" x="110" y="240.00855005343783" text-anchor="end" style="font-weight: bold;">566</text><text class="barpercent" x="150" y="240.00855005343783" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: bold;">( 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;"></rect><text class="barlabel" x="45" y="281.4488778054863" text-anchor="start" style="font-weight: normal;">2012</text><text class="barvalue" x="110" y="281.4488778054863" text-anchor="end" style="font-weight: normal;">677</text><text class="barpercent" x="150" y="281.4488778054863" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 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;"></rect><text class="barlabel" x="45" y="436.8724617028857" text-anchor="start" style="font-weight: normal;">2014</text><text class="barvalue" x="110" y="436.8724617028857" text-anchor="end" style="font-weight: normal;">519</text><text class="barpercent" x="150" y="436.8724617028857" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 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 5 175 7.522978268614179 175 7.522978268614179 0 5" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 5 175 29 175 29.35411471321696 0 5" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 5 175 58.21695760598504 175 58.21695760598504 0 5" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 5 175 77.31635197719987 175 77.51870324189528 0 5" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 5 175 129.7025293908087 175 129.90488065550412 0 5" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 5 175 154.8154613466334 175 154.8154613466334 0 5" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 5 175 173.91485571784824 175 188.28179551122196 0 5" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 5 175 220.69219807623796 175 223.47452796579978 0 42.120141342756185" style="fill: rgb(51, 102, 204); opacity: 0.5;"></polygon><polygon class="edge" points="0 42.120141342756185 175 259.3249020306377 175 259.3249020306377 0 42.120141342756185" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 42.120141342756185 175 303.5728535803349 175 305.9504809405059 0 42.120141342756185" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 42.120141342756185 175 418.7449234057713 175 418.7449234057713 0 42.120141342756185" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 52.12014134275623 175 7.52297826861418 175 14.655860349127185 0 52.12014134275623" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 52.12014134275623 175 29.35411471321696 175 42.9622372639829 0 52.12014134275623" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 52.12014134275623 175 58.21695760598504 175 61.65692910580691 0 52.12014134275623" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 52.12014134275623 175 77.51870324189528 175 115.3583897399359 0 52.12014134275623" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 52.12014134275623 175 129.90488065550412 175 136.1271820448878 0 52.12014134275623" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 52.12014134275623 175 154.8154613466334 175 158.7613110081938 0 52.12014134275623" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 52.12014134275623 175 188.28179551122196 175 210.43925899536873 0 52.12014134275623" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 52.12014134275623 175 223.47452796579975 175 249.32490203063765 0 397" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 397 175 259.3249020306377 175 275.6647666547916 0 397" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 397 175 305.95048094050594 175 401.10616316351985 0 397" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 397 175 418.7449234057713 175 443.1788386177414 0 397" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 414.00000000000006 175 14.655860349127183 175 15.060562878517992 0 414.00000000000006" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414.00000000000006 175 42.9622372639829 175 43.31635197719986 0 414.00000000000006" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414.00000000000006 175 61.65692910580692 175 62.415746348414686 0 414.00000000000006" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414.00000000000006 175 115.3583897399359 175 115.91485571784827 0 414.00000000000006" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414.00000000000006 175 136.1271820448878 175 136.1271820448878 0 414.00000000000006" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414.00000000000006 175 158.7613110081938 175 159.01425008906304 0 414.00000000000006" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414.00000000000006 175 210.43925899536873 175 210.692198076238 0 414.00000000000006" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414.00000000000006 175 249.32490203063767 175 249.32490203063767 0 414.00000000000006" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414.00000000000006 175 275.66476665479155 175 293.5728535803348 0 414.00000000000006" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414.00000000000006 175 401.1061631635198 175 405.2543640897756 0 414.00000000000006" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414.00000000000006 175 443.1788386177414 175 443.1788386177414 0 414.00000000000006" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 438.00000000000006 175 15.060562878517993 175 16.477021731385825 0 438.00000000000006" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438.00000000000006 175 43.31635197719986 175 43.31635197719986 0 438.00000000000006" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438.00000000000006 175 62.41574634841468 175 62.41574634841468 0 438.00000000000006" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438.00000000000006 175 115.91485571784825 175 115.91485571784825 0 438.00000000000006" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438.00000000000006 175 136.1271820448878 175 136.1271820448878 0 438.00000000000006" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438.00000000000006 175 159.01425008906304 175 159.01425008906304 0 438.00000000000006" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438.00000000000006 175 210.692198076238 175 210.692198076238 0 438.00000000000006" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438.00000000000006 175 249.32490203063767 175 249.32490203063767 0 438.00000000000006" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438.00000000000006 175 293.5728535803349 175 293.5728535803349 0 438.00000000000006" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438.00000000000006 175 405.2543640897756 175 408.7449234057713 0 438.00000000000006" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438.00000000000006 175 443.1788386177414 175 445.00000000000006 0 438.00000000000006" style="fill: rgb(23, 21, 21); opacity: 0;"></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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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="4.999999999999993" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="4.999999999999993" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="4.999999999999993" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="4.999999999999993" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="4.999999999999993" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="4.999999999999993" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="4.999999999999993" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="4.999999999999993" width="30" height="56.81120231772091" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="61.811202317720905" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="61.811202317720905" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="61.811202317720905" width="30" height="0" style="fill: rgb(51, 102, 204);"></rect><rect class="subbar" x="0" y="71.8112023177209" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="71.8112023177209" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="71.8112023177209" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="71.8112023177209" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="71.8112023177209" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="71.8112023177209" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="71.8112023177209" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="71.8112023177209" width="30" height="325.1887976822791" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="397" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="397" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="397" width="30" height="0" style="fill: rgb(220, 57, 18);"></rect><rect class="subbar" x="0" y="414" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="414" width="30" height="0" style="fill: rgb(191, 191, 0);"></rect><rect class="subbar" x="0" y="438" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect><rect class="subbar" x="0" y="438" width="30" height="0" style="fill: rgb(23, 21, 21);"></rect></g><g class="mainbars"><g class="mainbar"><rect class="mainrect" x="0" y="4.9999999999999964" width="30" height="56.811202317720905" 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="38.40560115886045" text-anchor="start">NE</text><text class="barvalue" x="-50" y="38.40560115886045" text-anchor="end">308</text><text class="barpercent" x="-10" y="38.40560115886045" text-anchor="end" style="fill: rgb(128, 128, 128);">( 15%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="71.8112023177209" width="30" height="325.1887976822791" style="shape-rendering: auto; fill-opacity: 0; stroke-width: 0.8px; stroke: rgb(0, 0, 0); stroke-opacity: 0;"></rect><text class="barlabel" x="-130" y="239.40560115886043" text-anchor="start" style="font-weight: normal;">NW</text><text class="barvalue" x="-50" y="239.40560115886043" text-anchor="end" style="font-weight: normal;">1763</text><text class="barpercent" x="-10" y="239.40560115886043" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 85%)</text></g><g class="mainbar"><rect class="mainrect" x="0" y="407" 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="419" text-anchor="start">SE</text><text class="barvalue" x="-50" y="419" text-anchor="end">0</text><text class="barpercent" x="-10" y="419" text-anchor="end" style="fill: rgb(128, 128, 128);">( 0%)</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;"></rect><text class="barlabel" x="-130" y="443" text-anchor="start" style="font-weight: normal;">SW</text><text class="barvalue" x="-50" y="443" text-anchor="end" style="font-weight: normal;">0</text><text class="barpercent" x="-10" y="443" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 0%)</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;"></rect><text class="barlabel" x="45" y="53.23923509561304" text-anchor="start" style="font-weight: normal;">2005</text><text class="barvalue" x="110" y="53.23923509561304" text-anchor="end" style="font-weight: normal;">1186</text><text class="barpercent" x="150" y="53.23923509561304" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 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;"></rect><text class="barlabel" x="45" y="78.19037120359954" text-anchor="start" style="font-weight: normal;">2006</text><text class="barvalue" x="110" y="78.19037120359954" text-anchor="end" style="font-weight: normal;">615</text><text class="barpercent" x="150" y="78.19037120359954" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 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;"></rect><text class="barlabel" x="45" y="179.92832395950506" text-anchor="start" style="font-weight: normal;">2009</text><text class="barvalue" x="110" y="179.92832395950506" text-anchor="end" style="font-weight: normal;">378</text><text class="barpercent" x="150" y="179.92832395950506" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 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;"></rect><text class="barlabel" x="45" y="217.7983802024747" text-anchor="start" style="font-weight: normal;">2010</text><text class="barvalue" x="110" y="217.7983802024747" text-anchor="end" style="font-weight: normal;">3113</text><text class="barpercent" x="150" y="217.7983802024747" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 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: 1;"></rect><text class="barlabel" x="45" y="262.5527559055118" text-anchor="start" style="font-weight: bold;">2011</text><text class="barvalue" x="110" y="262.5527559055118" text-anchor="end" style="font-weight: bold;">2071</text><text class="barpercent" x="150" y="262.5527559055118" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: bold;">( 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;"></rect><text class="barlabel" x="45" y="297.9213048368954" text-anchor="start" style="font-weight: normal;">2012</text><text class="barvalue" x="110" y="297.9213048368954" text-anchor="end" style="font-weight: normal;">1713</text><text class="barpercent" x="150" y="297.9213048368954" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 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;"></rect><text class="barlabel" x="45" y="439.6487739032621" text-anchor="start" style="font-weight: normal;">2014</text><text class="barvalue" x="110" y="439.6487739032621" text-anchor="end" style="font-weight: normal;">1544</text><text class="barpercent" x="150" y="439.6487739032621" text-anchor="end" style="fill: rgb(128, 128, 128); font-weight: normal;">( 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 4.999999999999993 175 4.999999999999998 175 4.999999999999998 0 4.999999999999993" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 4.999999999999993 175 40.28809898762654 175 42.44683914510686 0 4.999999999999993" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 4.999999999999993 175 69.06731158605173 175 69.06731158605173 0 4.999999999999993" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 4.999999999999993 175 90.19037120359953 175 91.15577052868389 0 4.999999999999993" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 4.999999999999993 175 144.3850618672666 175 145.06888638920134 0 4.999999999999993" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 4.999999999999993 175 172.39415073115862 175 172.39415073115862 0 4.999999999999993" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 4.999999999999993 175 191.92832395950506 175 203.51311586051744 0 4.999999999999993" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 4.999999999999993 175 243.66843644544429 175 247.79820022497185 0 61.811202317720905" style="fill: rgb(51, 102, 204); opacity: 0.5;"></polygon><polygon class="edge" points="0 61.811202317720905 175 281.4370753655793 175 281.4370753655793 0 61.811202317720905" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 61.811202317720905 175 314.4055343082115 175 320.69403824521936 0 61.811202317720905" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 61.811202317720905 175 424.2975478065242 175 424.2975478065242 0 61.811202317720905" style="fill: rgb(51, 102, 204); opacity: 0;"></polygon><polygon class="edge" points="0 71.8112023177209 175 4.999999999999998 175 23.8252868391451 0 71.8112023177209" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 71.8112023177209 175 42.44683914510686 175 54.393655793025864 0 71.8112023177209" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 71.8112023177209 175 69.06731158605173 175 74.79266591676038 0 71.8112023177209" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 71.8112023177209 175 91.15577052868389 175 131.4611923509561 0 71.8112023177209" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 71.8112023177209 175 145.06888638920137 175 157.47158605174354 0 71.8112023177209" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 71.8112023177209 175 172.39415073115862 175 176.37642294713163 0 71.8112023177209" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 71.8112023177209 175 203.51311586051742 175 233.29300337457815 0 71.8112023177209" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 71.8112023177209 175 247.79820022497185 175 271.4370753655793 0 397" style="fill: rgb(220, 57, 18); opacity: 0.5;"></polygon><polygon class="edge" points="0 397 175 281.4370753655793 175 291.9223847019123 0 397" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 397 175 320.69403824521936 175 403.8658717660293 0 397" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 397 175 424.2975478065242 175 435.42645669291346 0 397" style="fill: rgb(220, 57, 18); opacity: 0;"></polygon><polygon class="edge" points="0 414 175 23.825286839145104 175 26.86897637795275 0 414" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414 175 54.39365579302586 175 56.19037120359953 0 414" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414 175 74.7926659167604 175 77.31343082114735 0 414" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414 175 131.4611923509561 175 133.92832395950504 0 414" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414 175 157.47158605174351 175 157.47158605174351 0 414" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414 175 176.3764229471316 175 177.4624971878515 0 414" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414 175 233.29300337457815 175 233.66843644544429 0 414" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414 175 271.4370753655793 175 271.4370753655793 0 414" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414 175 291.9223847019123 175 304.4055343082115 0 414" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414 175 403.8658717660293 175 407.4324859392576 0 414" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 414 175 435.42645669291346 175 435.42645669291346 0 414" style="fill: rgb(191, 191, 0); opacity: 0;"></polygon><polygon class="edge" points="0 438 175 26.868976377952748 175 30.28809898762654 0 438" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438 175 56.19037120359954 175 56.19037120359954 0 438" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438 175 77.31343082114734 175 77.31343082114734 0 438" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438 175 133.92832395950504 175 133.92832395950504 0 438" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438 175 157.47158605174351 175 157.47158605174351 0 438" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438 175 177.46249718785154 175 177.46249718785154 0 438" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438 175 233.6684364454443 175 233.6684364454443 0 438" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438 175 271.4370753655793 175 271.4370753655793 0 438" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438 175 304.4055343082115 175 304.4055343082115 0 438" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438 175 407.4324859392576 175 414.2975478065242 0 438" style="fill: rgb(23, 21, 21); opacity: 0;"></polygon><polygon class="edge" points="0 438 175 435.4264566929134 175 445 0 438" style="fill: rgb(23, 21, 21); opacity: 0;"></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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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