Peity (sounds like deity) is a jQuery plugin that converts an element's content into a svg mini pie donut line or bar chart.
An example of a simple line chart with one series.
Source Code
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#55C5D1", "height": 40, "width": 200 }'>
10,4,4,7,5,9,10,1,4,4,7,5,9,10
</span>
An example of a simple line chart with one series.
Source Code
<span class="peity-line" data-peity='{ "fill": "#55C5D1", "stroke": "#55C5D1", "height": 70, "width": 200 }'>
10,4,4,7,5,9,10,1,4,4,7,5,9,10
</span>
An example of a simple bar chart with one series.
Source Code
<span class="peity-bar" data-peity='{ "fill": ["#663090"], "height": 70, "width": 200 }'>
10,4,4,7,5,9,10,1,4,4,7,5,9,10
</span>
An example of a simple pie chart with one series.
Source Code
<span class="peity-pie" data-peity='{ "fill": ["#663090","#EC1778","#25B1DE"], "height": 70, "width": 200 }'>
10,4,4
</span>
An example of a simple donut chart with one series.
Source Code
<span class="peity-donut" data-peity='{ "fill": ["#663090","#EC1778","#25B1DE"], "height": 70, "width": 200 }'>
10,4,4
</span>