draggable-piechart/example.html at master · jamesalvarez/draggable-piechart · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Draggable canvas pie chart</title>
    <link href="example.css" rel="stylesheet" type="text/css">
    <script src="draggable-piechart.js"></script>
    <script src="example.js"></script>
    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
<div id="piechart-controls">
    <canvas id="piechart" width="400" height="400">Your browser is too old!</canvas>
    <br>
    <table id="proportions-table"></table>
    <br>
    <p id="piechart-instructions">
        Drag the circles or click the buttons to adjust the pie chart. If a segment has gone,
        you can get it back by clicking it's '+' button.
    </p>

</div>

</body>
</html>