summaryrefslogtreecommitdiffstats
path: root/peity.html~
blob: 68f0d8386cbe16598cc6d1b9cb995f7eb82b10ae (plain)
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
<html>
  <head>
    <title></title>
    <meta content="">
    <link href="css/bootstrap.css" rel="stylesheet">
    <script src="js/jquery-1.8.0.min.js"></script>
    <script src="js/jquery.peity.js"></script>
  </head>
  <body>
  <div class="container well-large">
  		<div class="span6 offset3 well">
			<h1>Hello, Peity!</h1>
			<p>That's pretty amazing. It's so simple and looks so nice... and it is easy to use, can be used
			just anywhere. I like the design and charts... how could I not fall in love in 
			<a href="http://benpickles.github.com/peity/#pie-charts">peity?</a></p>
			<h2>Pie charts!</h2>
			<span class="pie">1/5</span>
			<span class="pie">226/360</span>
			<span class="pie">0.52/1.561</span>
			<h2>Line charts!</h2>
			<span class="line">1,1,1,6,2,2,7,3,5,15</span>
			<span class="line">5,3,2,-1,-3,-2,2,3,5,2</span>
			<span class="line">0,-3,-6,-4,-5,-4,-7,-3,-5,-2</span>
			<h2>Bar charts!</h2>
			<span class="bar">5,3,9,6,5,9,7,3,5,2</span>
			<span class="bar">5,3,2,-1,-3,-2,2,3,5,2</span>
			<span class="bar">0,-3,-6,-4,-5,-4,-7,-3,-5,-2</span>
		</div>
</div>


<script type="text/javascript" >
$("span.pie").peity("pie");
$("span.line").peity("line");
$(".bar").peity("bar");
</script>  
  </body>
</html>