20 Useful CSS Graph and Chart Tutorials and Techniques

An accessible bar chart

CSS3 Graph Animation

CSS3 Bar Graphs

CSS3 bar charts

Animated wicked CSS3 3d bar chart

A Snazzy Animated Pie Chart

How to Create Pie Charts with CSS3

Page 1 Page 2


  1. Mike Jan 14, 6:05 pm

    Some of the charts looks even better than those included in latest Microsoft Office by default.
    Will try to use smashingmagazine’s offered CSS charts to recreate my wordpress stat counter plugin. I think it will perfectly fit the overall UI.
    Adrian thanks for collecting the list!

  2. david Jun 5, 11:55 pm

    Also consider YUI3. It’s an awesome js library from Yahoo and it has some really awesome chart building tools

    • Kathryn Apr 17, 4:29 am

      Thanks David for the tip, but YUI3 development has now ceased (Aug 2014).

      YUI3 may not be the ideal technology for new projects with a lifespan. So back to other suggestions and innovations.


Leave a Reply

* Minimum length: 20 characters

Download Web Design Freebies & Resources


You have Successfully Subscribed!