Peity Charts

Peity (sounds like deity) is a jQuery plugin that converts an element's content into a angle svg mini pie donut line or bar chart and is compatible with any browser that supports angle svg: Chrome, Firefox, IE9+, Opera, Safari.

Passing a radius will set the correct width and height, the pie will always be a circle that fits the available space.

Read More

Pie Custom

Graph Code
1/6 <span class="pie">1/6</span>
230/360 <span class="pie">230/360</span>
0.42/1.461 <span class="pie">0.42/1.461</span>
2,7 <span class="pie">2,7</span>
236,133 <span class="pie">236,133</span>
0.42,1.051 <span class="pie">0.42,1.051</span>

Line & Bar

Graph Code
2,5,9,6,5,9,7,3,5,2,5,3,9,6,5,8,7,8,5,2 <span class="line">2,5,9,6,5,9,7,3,5,2,5,3,9,6,5,8,7,8,5,2</span>
8,5,2,-1,-3,-2,8,3,5,3 <span class="line">8,5,2,-1,-3,-2,8,3,5,3</span>
0,-5,-6,-4,-5,-4,-7,-3,-3,-5 <span class="line">0,-5,-6,-4,-5,-4,-7,-3,-3,-5</span>
5,3,9,6,5,9,7,3,5,2 <span class="bar">5,3,9,6,5,9,7,3,5,2</span>
5,3,2,-1,-3,-2,2,3,5,2 <span class="bar">5,3,2,-1,-3,-2,2,3,5,2</span>