Re:Replacing most of D3.js with pure SVG and AngularJS
by alexandros on Sunday December 01, 2013 @01:37PM
(#6828524)
Think of d3 as a framework and a standard library. This post is about replacing the framework. However, d3 still has a load of ready made controls such as the axes. These don't exist for this new approach yet, at least not natively.
But I have released code (see the bottom of the post or just https://github.com/resin-io/triangular.js ) that allows Angular/SVG graphs to add axes. Just didn't want to go deeper into documenting that too as I've gone past 2000 words already.
Hopefully in the future this will be done in pure angular, as these directives use more or less the old approach of encapsulating d3 in a directive. But at least they are re-usable.
> You may be wondering how we'll go about adding Axises to our graph, but here be dragons, so I'll leave that aside for the moment.
Uh, OK...having axes (and labels) is pretty integral to many charts and is pretty trivial in D3. If Angular is to replace much of the data-binding in D3, as the OP proposes, then I think there has to be less ad hoc hacking of Angular things to do what's relatively easy in D3. This reads more like a guide of how to get D3 (or rather, SVG charts) in a situation in which you cannot really use D3.