We designers have to deal with HTML pages and CSS every time. We have so many properties that will make a page to new look and making it more stylish by adding animation, keyframe and different effects to it. There are many enough things to do with CSS.
You have seen Semi-circle donut chart, 3d-pie charts and pie-chart with drill down, Basically designing of this chart is possible through jquery but with the help of pureCSS this could be possible. this chart is used for getting information and to highlight a particularly important elements, In this chart each section has the same size that is proportional to the data found in the series. Below is the source code that will hopefully useful for making the Semi-circle Donut chart.
Add the following code to your standard CSS this code will explain you better...