tags:

views:

1018

answers:

6
+3  Q: 

CSS Pie Charts?

Does anyone know how to create Pie Charts just using CSS(3 if needed) and HTML5?

+1  A: 

You will probably do best to use the upcoming canvas tag rather than explicit CSS3.

Laykes
+2  A: 

You could always use static SVG

Eric
Raphael has a brilliant example of pie charts in SVG http://raphaeljs.com/pie.html
Ben Shelock
ARGGH! By upvoting this, you changed my rep away from 1337.
Eric
Must ... Downvote ... 10 ... times!
Eric
+3  A: 

Here is nice article to create pie charts using css

YetAnotherCoder
That’s about the closest you’ll get. CSS doesn’t yet have a way to produce shapes other than rectangles.
Paul D. Waite
+3  A: 

You might want to take a look at google charts api, I've found it very useful in the past for drawing charts on the fly via plain html.

graphicdivine
Great, thanks for this! Just what I wanted. :-)
Rob Such
+2  A: 

Why yes,
yes I do. Here's my tutorial on CSS3 Pie Charts

Patrick Denny
A: 

The best thing to do if you want to keep it simple is to use the Google charts API. However if you want more control you could use the Raphael JS Library to create a pie chart with SVG. Here's a very pretty example :)

Ben Shelock