forked from adieyal/widgetlabs
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
23 lines (23 loc) · 1.38 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
<script src="js/widget.js" type="text/javascript"></script>
</head>
<body>
<p>Bla bla bla <span data-widget="text" data-src="values.json#percentage">40%</span> bla bla and value <span data-widget="text" data-src="values.json#number">4</span>.</p>
<div data-widget="roundedbargraph" data-src="values.json#rounded"></div>
<div data-widget="segmentpie" data-src="values.json#segmentpie"></div>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="250" height="250">
<g data-widget="pie-simple-1" data-src="values.json#piechart">
<rect class="widget-boundingbox" x="0" y="0" width="100%" height="100%"></rect>
<g class="widget-content">
<!-- This content is entirely optional and will be deleted. The reason for having it here is if the file is
opened in something like inkscape. -->
<path class="pie slice" d="M58.778525229247315,80.90169943749474A100,100 0 0,1 -98.22872507286887,18.738131458572457L0,0Z"></path>
<path class="pie slice" d="M6.123031769111886e-15,-100A100,100 0 0,1 58.778525229247315,80.90169943749474L0,0Z"></path>
<path class="pie slice" d="M-24.868988716485443,-96.85831611286312A100,100 0 0,1 7.044874666267686e-14,-100L0,0Z"></path>
<path class="pie slice" d="M-98.22872507286887,18.738131458572457A100,100 0 0,1 -24.868988716485443,-96.85831611286312L0,0Z"></path>
</g>
</g>
</svg>
</body>
</html>