After a recent email asking if it was possible to produce a CSS only pie chart without using any images and have a simple way of calculating the angles involved, I searched the web and could not find any suitable demonstrations so set about producing my own version.
The result can be seen above, where each sector can 'standalone' and does not overlap adjacent sectors. In this way it is possible to pull a sector from the chart as a highlight.
It is also possible to have each sector as a link to other pages.
Working in IE9+, Firefox, Safari, Chrome, Opera, iPad, iPhone and iPod Touch.
Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.
Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.