Monday, March 3, 2014

JS SVG Libraries

Abridged from StackOverFlow@ 

Raphael is a very strongly built SVG library, if its functions are limited, going with pure Javascript+SVG might be the right way. –  Starx Feb 27 '13 at 2:51

 I think I'll give Keith Wood's JQuery SVG a go –  Jodes Feb 27 '13 at 3:00 

 Query SVG is not a library, its an extension to enables several functionality of jquery especially its selector ability to be applied on SVG elements. –  Starx Feb 27 '13 at 3:15

If your graphics generate, in some way or another, from data, I would give D3.js a try. 
Even if the data weight of your needs is low, I think that it can be very useful to give it a look. 
On the plus side is that it generates absolutely standard svg, style with standard css, so you can check what is happening easily. You could even use it to generate svg, and then copy/paste your svg to another project without the D3.js. 
Another plus is the support for transitions, that is very good imho. 

There's a new compact library called svg.js that offers easier svg manipulation, and which doesn't have any VML legacy code/restrictions like Raphaël has.