Raphael vs Paths.js

Because Raphael supports rendering VML + SVG, it is one of the few drawing libraries that is backwards compatible with older browsers that do not support canvas.

Several built-in animations (such as ways of easing) are provided for you out of the box, but Raphael also allows cubic beziers for more complicated easing functions. Any drawing object property can be modified making it similar to css animations in jQuery.

Everything that is drawn in Raphael is an object which means it is easy to manipulate any part of the rendered image after it is processed. It uses an event handler system for user inputs which makes it easy to learn for JavaScript developers used to event based libraries.

An interactive chart demo.

This style of handling objects makes Raphael a good fit for rendering interactive diagrams and charts that can also interact with other parts of the page.

gRaphael is a Raphael extension to help you easily create graphs and charts.

Can be used together with a template engine such as Mustache or Handlebars to display SVG graphics or instead of a static template engine, you can use a data binding or MVC/MV* library, such as Ractive.js, Angular, Mithril or Facebook React.

3 APIs of increasing abstraction:

• Low-level (svg paths)
• Basic shapes (Polygon, Rectangle, Bezier, Sector, Connector etc..)
• Basic graphs (Pie, bar, stock, radar, tree, waterfall, sankey etc...)

There is no magic, you can have as much control as you want on how you define your graphs, source code very readable.

18kb minified.