Peity

Peity (sounds like deity) is a jQuery plugin that converts an element's content into a <svg> mini pie donut line or bar chart and is compatible with any browser that supports <svg>: Chrome, Firefox, IE9+, Opera, Safari.
Pie Charts
You can also pass delimiter, fill, height, radius and width options. Passing a radius will set the correct width and height, the pie will always be a circle that fits the available space.
Pie 1
1/5
Pie 2
226/360
Pie 3
0.52/1.561
Pie 4
1,4
Pie 5
226,134
Pie 6
0.52,1.041,3.041
Pie 7
1,5,3,2,10
Donut Charts
Donut charts are the same as pie charts and take the same options with an added innerRadius option which defaults to half the radius.
Donut 1
1/5
Donut 2
226/360
Donut 3
0.52/1.561
Donut 4
1,4
Donut 5
226,134
Donut 6
0.52,1.041,3.041
Donut 7
1,5,3,2,10
Line Charts
Line charts work on a comma-separated list of digits. Line charts can take the following options: delimiter, fill, height, max, min, stroke, strokeWidth and width.
Line 1
5,3,9,6,5,9,7,3,5,2
Line 2
5,3,2,-1,-3,-2,2,3,5,2
Line 3
0,-3,-6,-4,-5,-4,-7,-3,-5,-2
Updating Charts
harts can be updated by changing the the jQuery selection's text content and calling change() on it. The chart will be redrawn with the same options that were originally passed to it.
Live Update
5,3,9,6,5,9,7,3,5,2,5,3,9,6,5,9,7,3,5,2
Bar Charts
Bar charts work in the same way as line charts and take the following options: delimiter, fill, height, max, min, padding and width.
Bar 1
5,3,9,6,5,9,7,3,5,2
Bar 2
5,3,2,-1,-3,-2,2,3,5,2
Bar Color
-1,-3,-6,-4,-5