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