Small inline charts presented below are created using jQuery Peity plugin. You can use this plugin by writing HTML only.

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.