forked from michael/donut
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (60 loc) · 2.92 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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>DONUT™ - Radial Navigator</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<!-- jQuery Library -->
<script src="./lib/jquery-1.3.2.min.js"></script>
<!-- Processing.js Animation Library -->
<script src="./lib/processing.js"></script>
<!-- Load Processing.js libraries -->
<script src="Tween.lib"></script>
</head>
<body>
<a href="http://github.com/michael/donut"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub" /></a>
<div id="wrapper">
<div id="header">
<h1>DONUT™ - Radial Navigator</h1>
<p>
A <em>HTML5</em> based visualization realized with the so great <a href="http://processingjs.org">Processing.js</a> framework.
</p>
<ul id="nav">
<li><a href="http://github.com/michael/donut">Source</a></li>
<li><a href="http://github.com/michael/donut/zipball/master">Download</a></li>
<li><a href="http://github.com/michael/donut/issues">Bugs</a></li>
</ul>
</div>
<div id="content">
<p>
Not long ago, I decided to extract the donut-chart rendering part from <a href="http://askken.heroku.com">ASKKEN™</a> and make it available as a separate library.
I took the chance to optimize the code and add some animations.
</p><p>
I hope someone finds it useful and can make practical use of it. Feel free to modify the code, but please show me your improvements. ;)
If you spot some bugs please add them to the <a href="http://github.com/michael/donut/issues">issue tracker</a>.
Source code is available at <a href="http://github.com/michael/donut/" title="Social Coding">Github</a>.
</p>
<canvas id="donut" datasrc="donut.pjs" width="400" height="400"></canvas>
<h2>Misc</h2>
<p>
There are no limitations. Do whatever you want with this sketch.
If you did some nice modifications, just let me know (via Github). I'd be happy to include them.
</p>
</div>
<div id="footer">
<p class="left">A <a href="http://quasipartikel.at/">Quasipartikel</a> Production</p>
<p class="right">Template adopted from <a href="http://orderedlist.com/demos/fancy-zoom-jquery/">orderedlist.com</a></p>
<br class="clear"/>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10368067-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>