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});