Peity

Peity is a simple JQuery plugin that converts the content of an element into graphics. Plugin page.

<script src="vendors/charts/peity/jquery.peity.min.js"></script>

We prepared demo samples. You don't have to use them. You can create your own demos.

<script src="assets/js/examples/charts/peity.js"></script>
226/360
0.52/1.561
1,4
226,134
0.52,1.041
<span class="pie">226/360</span>
$(".pie").peity("pie", {    "fill": [black, gray],    "radius": 30});
226/360
0.52/1.561
1,4
226,134
0.52,1.041
<span class="pie">226/360</span>
$(".pie").peity("pie", {    "fill": [black, gray],    "radius": 30,    "innerRadius": 20});
2,5,9,6,5,-9,-7,3,7,5
5,3,9,6,5,9,7,3,5,2
-5,3,9,6,5,9,-3,3,5,2
8,3,2,6,5,9,7,3,5,2
8,3,2,6,-5,9,7,3,5,2
<span class="line">2,5,9,6,5,-9,-7,3,7,5</span>
$(".line").peity("line", {    "fill": gray,    "stroke": black,    "height": 80,    "width": 100});
2,5,9,6,5,-9,-7,3,7,5
5,3,9,6,5,9,7,3,5,2
-5,3,9,6,5,9,-3,3,5,2
8,3,2,6,5,9,7,3,5,2
8,3,2,6,-5,9,7,3,5,2
<span class="bar">2,5,9,6,5,-9,-7,3,7,5</span>
$(".bar").peity("bar", {    "fill": [black, gray],    "height": 50,    "width": 100});