| Chart | HTML |
|---|---|
| 1/5 | <span data-peity="pie">1/5</span> |
| 226/360 | <span data-peity="pie">226/360</span> |
| 0.52/1.561 | <span data-peity="pie">0.52/1.561</span> |
| 1,4 | <span data-peity="pie">1,4</span> |
| 226,134 | <span data-peity="pie">226,134</span> |
| 0.52,1.041 | <span data-peity="pie">0.52,1.041</span> |
| 1/5 | <span data-peity="donut">1/5</span> |
| 226/360 | <span data-peity="donut">226/360</span> |
| 0.52/1.561 | <span data-peity="donut">0.52/1.561</span> |
| 1,4 | <span data-peity="donut">1,4</span> |
| 226,134 | <span data-peity="donut">226,134</span> |
| 0.52,1.041 | <span data-peity="donut">0.52,1.041</span> |
| 5,3,9,6,5,9,7,3,5,2 | <span data-peity="line">5,3,9,6,5,9,7,3,5,2</span> |
| 5,3,2,-1,-3,-2,2,3,5,2 | <span data-peity="line">5,3,2,-1,-3,-2,2,3,5,2</span> |
| 0,-3,-6,-4,-5,-4,-7,-3,-5,-2 | <span data-peity="line">0,-3,-6,-4,-5,-4,-7,-3,-5,-2</span> |
| 5,3,9,6,5,9,7,3,5,2 | <span data-peity="bar">5,3,9,6,5,9,7,3,5,2</span> |
| 5,3,2,-1,-3,-2,2,3,5,2 | <span data-peity="bar">5,3,2,-1,-3,-2,2,3,5,2</span> |
| 0,-3,-6,-4,-5,-4,-7,-3,-5,-2 | <span data-peity="bar">0,-3,-6,-4,-5,-4,-7,-3,-5,-2</span> |
| Chart | HTML |
|---|---|
| 2/3 | <span data-peity="pie" data-fill='["green", "#eee"]'>2/3</span> |
| 2/3 | <span data-peity="pie" data-radius="12">2/3</span> |
| 2/3 | <span data-peity="pie" data-height="24" data-width="24">2/3</span> |
| 479,481,444 | <span data-peity="pie" data-fill='["green", "orange", "violet"]'>479,481,444</span> |
| 2/3 | <span data-peity="donut" data-height="24" data-width="24">2/3</span> |
| 2/3 | <span data-peity="donut" data-radius="12" data-inner-radius="8">2/3</span> |
| 2/3 | <span data-peity="donut" data-radius="12" data-inner-radius="10">2/3</span> |
| 479,481,444 | <span data-peity="donut" data-fill='["green", "orange", "violet"]'>479,481,444</span> |
| 5,3,9,6,5,9,7,3,5,2 | <span data-peity="line" data-fill="#c6d9fd" data-stroke="#4d89f9">5,3,9,6,5,9,7,3,5,2</span> |
| 5,3,2,-1,-3,-2,2,3,5,2 | <span data-peity="line" data-fill="rgba(0,128,0,0.25)" data-stroke="rgb(0,128,0)">5,3,2,-1,-3,-2,2,3,5,2</span> |
| 5,3,9,6,5,9,7,3,5,2 | <span data-peity="bar" data-fill='["green", "red"]'>5,3,9,6,5,9,7,3,5,2</span> |
| 5,3,2,-1,-3,-2,2,3,5,2 | <span data-peity="bar" data-fill='["green", "red", "blue"]'>5,3,2,-1,-3,-2,2,3,5,2</span> |
| 5,3,9,6,5,9,7,3,5,2,5,3,9,6,5,9,7,3,5,2 | Charts can be updated by changing the the jQuery selection's text content and calling change() method on it. |