41 lines
1.3 KiB
HTML
41 lines
1.3 KiB
HTML
<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>
|
|
<h2>What next?</h2>
|
|
<p>Actually, I don't know. Probably I'll just use it anywhere possible.
|
|
So simple and lovely <3</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript" >
|
|
$("span.pie").peity("pie");
|
|
$("span.line").peity("line");
|
|
$(".bar").peity("bar");
|
|
</script>
|
|
</body>
|
|
</html> |