-
Notifications
You must be signed in to change notification settings - Fork 7
/
output.html
8 lines (8 loc) · 2.04 KB
/
output.html
1
2
3
4
5
6
7
8
<html><head></head><body><div id="container">
<h2>Pie Chart</h2>
<div id="chart"><svg xmlns="http://www.w3.org/2000/svg" width="960" height="500"><defs><style type="text/css"><![CDATA[
.arc text {font: 10px sans-serif; text-anchor: middle;}
.arc path {stroke: #fff;}
]]></style></defs><g transform="translate( 200 , 200 )"><g class="arc"><path d="M1.1634144591899855e-14,-190A190,190,0,0,1,84.74735355689664,-170.05259793693938L0,0Z" style="fill: #393b79;"></path><text transform="translate(36.65821846585564,-155.74394055278555)" dy=".35em"><5</text></g><g class="arc"><path d="M84.74735355689664,-170.05259793693938A190,190,0,0,1,179.1708225838209,-63.228287456145594L0,0Z" style="fill: #5254a3;"></path><text transform="translate(119.88118735480641,-105.96462106949565)" dy=".35em">5-13</text></g><g class="arc"><path d="M179.1708225838209,-63.228287456145594A190,190,0,0,1,189.91463948905843,5.694708749441913L0,0Z" style="fill: #6b6ecf;"></path><text transform="translate(158.09080190056423,-24.64342416216873)" dy=".35em">14-17</text></g><g class="arc"><path d="M189.91463948905843,5.694708749441913A190,190,0,0,1,146.6886213390588,120.75780873155253L0,0Z" style="fill: #9c9ede;"></path><text transform="translate(149.7795371502396,56.26802156696109)" dy=".35em">18-24</text></g><g class="arc"><path d="M146.6886213390588,120.75780873155253A190,190,0,0,1,-189.83659389354435,7.8783005082015025L0,0Z" style="fill: #637939;"></path><text transform="translate(-50.88213468284223,151.69379806082088)" dy=".35em">25-44</text></g><g class="arc"><path d="M-189.83659389354435,7.8783005082015025A190,190,0,0,1,-19.855624283330453,-188.95966284982416L0,0Z" style="fill: #8ca252;"></path><text transform="translate(-121.0963839891443,-104.57373372292736)" dy=".35em">45-64</text></g><g class="arc"><path d="M-19.855624283330453,-188.95966284982416A190,190,0,0,1,-2.0365633351872334e-13,-190L0,0Z" style="fill: #b5cf6b;"></path><text transform="translate(-8.371730476415376,-159.78083154380647)" dy=".35em">>65</text></g></g></svg></div>
</div>
</body></html>