| Graph | Code | 
|---|---|
| 1/5 | <span data-plugin="peity-pie" data-colors="#56c2d6,#4f5763" data-width="30" data-height="30">1/5</span> | 
| 226/360 | <span data-plugin="peity-pie" data-colors="#56c2d6,#4f5763" data-width="30" data-height="30">226/360</span> | 
| 0.52/1.561 | <span data-plugin="peity-pie" data-colors="#56c2d6,#4f5763" data-width="30" data-height="30">0.52/1.561</span> | 
| 1,4 | <span data-plugin="peity-pie" data-colors="#56c2d6,#4f5763" data-width="30" data-height="30">1,4</span> | 
| 226,134 | <span data-plugin="peity-pie" data-colors="#56c2d6,#4f5763" data-width="30" data-height="30">226,134</span> | 
| 0.52,1.041 | <span data-plugin="peity-pie" data-colors="#56c2d6,#4f5763" data-width="30" data-height="30">0.52,1.041</span> | 
| Graph | Code | 
|---|---|
| 1/5 | <span data-plugin="peity-donut" data-colors="#f0643b,#4f5763" data-width="30" data-height="30">1/5</span> | 
| 226/360 | <span data-plugin="peity-donut" data-colors="#f0643b,#4f5763" data-width="30" data-height="30">226/360</span> | 
| 0.52/1.561 | <span data-plugin="peity-donut" data-colors="#f0643b,#4f5763" data-width="30" data-height="30">0.52/1.561</span> | 
| 1,4 | <span data-plugin="peity-donut" data-colors="#f0643b,#4f5763" data-width="30" data-height="30">1/4</span> | 
| 226,134 | <span data-plugin="peity-donut" data-colors="#f0643b,#4f5763" data-width="30" data-height="30">226,134</span> | 
| 1,2,3,2,2 | <span data-plugin="peity-donut" data-colors="#f0643b,#4f5763" data-width="30" data-height="30">1,2,3,2,2</span> | 
| Graph | Code | 
|---|---|
| 5,3,9,6,5,9,7,3,5,2,5,3,9,6,5,9,7,3,5,2 | <span class="updating-chart">5,3,9,6,5,9,7,3,5,2</span> | 
| 5,3,9,6,5,9,7,3,5,2 | <span data-plugin="peity-line" data-fill="#23b397" data-stroke="#169c81" data-width="100" data-height="40">5,3,9,6,5,9,7,3,5,2</span> | 
| 5,3,2,-1,-3,-2,2,3,5,2 | <span data-plugin="peity-line" data-fill="#23b397" data-stroke="#169c81" data-width="100" data-height="100">5,3,2,-1,-3,-2,2,3,5,2</span> | 
| 0,-3,-6,-4,-5,-4,-7,-3,-5,-2 | <span data-plugin="peity-line" data-fill="#23b397" data-stroke="#169c81" data-width="100" data-height="100">0,-3,-6,-4,-5,-4,-7,-3,-5,-2</span> | 
| 5,3,9,6,5,9,7,3,5,2 | <span data-plugin="peity-bar" data-colors="#23b397,#4f5763" data-width="100" data-height="30">5,3,9,6,5,9,7,3,5,2</span> | 
| 5,3,2,-1,-3,-2,2,3,5,2 | <span data-plugin="peity-bar" data-colors="#23b397,#4f5763" data-width="100" data-height="30">5,3,2,-1,-3,-2,2,3,5,2</span> | 
| Graph | Code | 
|---|---|
| 6/7 | <span data-plugin="peity-donut-alt" data-peity='{ "fill": ["#414d5f", "#4f5763"], "innerRadius": 24, "radius": 30 }'">6/7</span> | 
| 4/7 | <span data-plugin="peity-donut-alt" data-peity='{ "fill": ["#5089de", "#4f5763"], "innerRadius": 18, "radius": 28 }'">4/7</span> | 
| 5/7 | <span data-plugin="peity-donut-alt" data-peity='{ "fill": ["#f8cc6b", "#4f5763"], "innerRadius": 20, "radius": 24 }'">5/7</span> | 
| 6/7 | <span data-plugin="peity-donut-alt" data-peity='{ "fill": ["#675db7", "#4f5763"], "innerRadius": 18, "radius": 20 }'">6/7</span> | 
| 5/7 | <span data-plugin="peity-donut-alt" data-peity='{ "fill": ["#c79259", "#4f5763"], "innerRadius": 18, "radius": 20 }'">5/7</span> |