For web dev beginners, I haven't yet seen a better ramp-up tutorial than Scott Murray's "Interactive Data Visualization", which is free online: <a href="http://chimera.labs.oreilly.com/books/1230000000345/" rel="nofollow">http://chimera.labs.oreilly.com/books/1230000000345/</a><p>He really emphasizes the low-level at which D3 operates, as you move from creating shapes with divs and CSS, to eventually learning the D3 framework. Here's his section on "What [D3] Doesn't Do": <a href="http://chimera.labs.oreilly.com/books/1230000000345/ch02.html#_what_it_doesn_t_do" rel="nofollow">http://chimera.labs.oreilly.com/books/1230000000345/ch02.htm...</a>
Great rundown. Thank you. Anyone know of a good library for flowcharts in Angular.js?<p>I found this:
<a href="http://www.codeproject.com/Articles/709340/Implementing-a-Flowchart-with-SVG-and-AngularJS" rel="nofollow">http://www.codeproject.com/Articles/709340/Implementing-a-Fl...</a><p>It looks pretty handy but doesn't have all the functionality I was looking for.Just thought I'd ask before potentially reinventing the wheel...
At the same time, D3 makes all sorts of smart decisions for you when you're making charts with it. I'm always pleasantly surprised, for example, by how D3 picks just the right number of tick marks on axes. Mike Bostock has taste and deep knowledge of how to make good visualizations, and it shows. A similar library made by a less able person would barf out way uglier charts.
The author's assertion that D3 doesn't work with Angular is rather fishy seeing as there is a book specifically written about using D3 with Angular: <a href="https://leanpub.com/d3angularjs" rel="nofollow">https://leanpub.com/d3angularjs</a>
I'm kinda surprised that people didn't turn d3 into single page application framework. It has much cooler interface than most of the stuff that flies around these days in that department.
Thanks for this. I've been telling people that D3 is not a charting library for over a year, but I get the feeling they don't really believe me!
I quickly discovered the same things about SVG/Canvas when I tried to use it for a game board. It was a casual project so I didn't search too hard for other options but I'll take a look at your list you provided. Thanks!
D3.js may not itself be a charting library but there are numerous adaptions that make it easy to work with - especially with angular:
<a href="http://code.shutterstock.com/rickshaw/" rel="nofollow">http://code.shutterstock.com/rickshaw/</a>
<a href="http://nvd3.org/" rel="nofollow">http://nvd3.org/</a>
d3 is very powerful, has an amazing api, and it's incredible library. but my processor goes insane running trivial d3 animations (macbook pro core-2-duo 2009). with css 3d, webgl, I don't have processor issues, but god-damn the d3 api is one of the best I've ever used for animations