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

<script src="assets/js/examples/charts/peity.js"></script>

<span class="pie">226/360</span>

$(".pie").peity("pie", {
    "fill": [black, gray],
    "radius": 30
});

<span class="pie">226/360</span>

$(".pie").peity("pie", {
    "fill": [black, gray],
    "radius": 30,
    "innerRadius": 20
});

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

<span class="bar">2,5,9,6,5,-9,-7,3,7,5</span>

$(".bar").peity("bar", {
    "fill": [black, gray],
    "height": 50,
    "width": 100
});