Круговая диаграмма с использованием CSS3

Question

Я пытаюсь создать симметричную круговую диаграмму с 6 кусками по 60 градусов каждая, используя HTML и CSS3 (только).

Я наткнулся на эту статью http://www.kylejlarson.com/blog/2011/how-to-create-pie-charts-with-css3/, но нене совсем понимаю концепцию.

Может ли кто-нибудь помочь мне с этим или объяснить, за что отвечают классы .pieSliceBlue, .hold и .pie в приведенной выше ссылке?

Answer 1

Попробуйте:

http://www.elated.com/articles/snazzy-animated-pie-chart-html5-jquery/

Гораздо проще использовать этот JQuery и CSS, просто нужно указать значения и круговая диаграмма будет создана автоматически.