Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999.
SVG images and their behaviors are defined in XML text files. This means that they can be searched, indexed, scripted, and compressed. As XML files, SVG images can be created and edited with any text editor, but are more often created with drawing software.
All major modern web browsers—including Mozilla Firefox, Internet Explorer, Google Chrome, Opera, and Safari—have at least some degree of SVG rendering support. [...]
vivus.js: Lightweight SVG Animation Library
Here’s a library called Paths.js that helps you create SVG paths thanks to a high level API. The resulting paths can be used with template engines like Mustache or Handlebars so you can show graphics (SVG) in any browser.
If on the other hand, you use a static template engine like Angular, Facebook react, or Reactive.js, you can animate these SVG graphics as well.
You can define shapes such as ellipses and polygons in the lower levels, and in the highest levels you can draw charts, pies, sparklines, radars and more.
Paths was created by Andrea Aferretti and you can fork it to improve it, or use it for free. Source
SVG.JS is a lightweight library for manipulating and animating SVG. With it, you can create masked headers like the one at the top of this page. With svg.js, you have all the power of vector graphics at pocket size. The whole library is about 11k. Source
Lazy Line Painter: SVG Path Animation jQuery Plugin
Lazy Line Painter is a jQuery Plugin for animating SVG paths. It works by exporting your line art from Illustrator as an .SVG, ensure that there are no fills and no closed paths; then drop your .SVG file into the ‘SVG to Lazy Converter.’ Then you just copy the .JS code and you’re done. This is an online tool that will ease you workload. Source
This HTML5 canvas library can help you make interactive objects out of simple geometrical shapes or complex elements composed of hundreds of different SVG paths. It also contains an SVG-to-canvas parser. Check out the resource’s site to have a closer look at all of its possibilities, which in truth, are a lot! Source
Create rich user experiences, animations, games and applications with bHive, an HTML5 canvas framework API built to make developing easier, so you can start creating straight away. Easily draw any form within it, from circles to squares; polygons to lines, any shape is easy to create and under your control, and the best of all, you can bring life into your artwork by adding animations. It supports rotation, scaling and transparency. Source
CanvasXpress: Powerful Graphing Library
Paper.js: Open Source Vector Graphics Scripting Framework
An interesting framework for vector graphics scripting that will allow us to make supremely creative projects. It runs on top of the HTML5 canvas and offers a variety of powerful functionalities to make the most of the tool. It is also quite useful with bezier curves, all within a pretty consistent and clean programming interface. Source
Enjoy it ;)