Build An Animated Chart In 19 Lines Of Code With d3.js

by louischatriot on 5/9/2012, 1:04 PM with 17 comments
  • by TwistedWeasel on 5/9/2012, 1:57 PM

    I've been learning d3.js myself lately, and i'm very impressed. As it's popularity increases it's worth reading this article from Mike Bostock, the creator of d3 proposing some conventions to follow when building charts with d3...

    http://bost.ocks.org/mike/chart/

  • by ajtulloch on 5/9/2012, 2:32 PM

    A few months ago I learned d3.js and made myself an interactive site logo for myself with it. It's an awesome library.

    Check out the logo (try clicking it and dragging the letters) and tutorial at http://tullo.ch/2012/making-the-site-logo/.

  • by vlandham on 5/9/2012, 2:37 PM

    Also plenty of really good beginner d3 tutorials from Scott Murray:

    http://alignedleft.com/tutorials/

  • by stephenlee on 5/9/2012, 2:15 PM

    Beautiful chart, I want to make some interactive charts and d3.js is just suited for me. But I can't dive into JavaScript though it looks like easy. I'm familiar with Python. Anyone can suggest enough JavaScript tutorials to hack d3.js. Thanks!

  • by dm8 on 5/9/2012, 6:48 PM

    D3 is awesome but I've always felt it is more suitable for complex visualizations. For simple stuff like line graph etc. Existing graphing libraries are pretty cool. Anyone using it for common visualizations like line chart or pie chart?

  • by cdomigan on 5/10/2012, 2:19 AM

    Pfft. I can Build An Animated Chart In 1 Line Of Code With DoesEverythingForYou.js

  • by dgabriel on 5/9/2012, 2:03 PM

    Alas, the site is down. I'd love to see this.