Raphael vs Shield UI Charts

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.

There are more than 20 types of charts available for use.

Each chart can be implemented to ASP.NET and ASP.NET MVC applications, with detailed documentation and guides for each.

Each of the available charts has documentation and guides available for every different implementation (JavaScript, ASP.NET etc.)

The charting widget is built to facilitate client side interactions and notifications.

Zoom-in on specific points of interest on the graph with the mouse – a single property allows this out-of-the-box.

You can combine different charts (they can be of the same type or even different types of charts) to display data correlations.