Raphael vs Highcharts

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.

Highcharts provides 20 different types of charts to choose from, and they make it simple to combine chart types.

Very handy with examples and explanations.

Highcharts supports all modern browsers (including IE6 and up), iOS and Android.

Highcharts has a large and supportive community, resulting in a fast response from both stack overflow and the Highcharts forum.

The site has a selection of good examples that will help you get started quickly.

Important for trend correlation, eg. comparing number of clicks to sale amounts. Not same scales / units.

Compatable with .NET framework 4+, can develop graphs from server side for ASP .NETand ASP .NET MVC applications.