Fabric.js vs Highcharts

Fabric supports node.js, and has an npm package available for server side rendering with all the dependencies handled for you. This allows you to provide graceful degradation for image fallbacks to canvas or SVG content.

Drawing objects in fabric are vector focused, so everything is easily transformable. It makes it easy to create complex pathed shapes, add gradients, or filters. Although fabric is great for vector rendering, it also has image support as well.

When it comes to format compatibility, Fabric is the best, with the ability to output to Canvas, SVG, and JSON. SVG provides backwards compatibility for older browsers, and JSON allows you to store rendered output for later use.

If you are about to customize the library to your needs, this is the project of choice! Great programming work!

Allows creating multi-line text that can even be interactively edited by user interaction.

If the node-canvas dependency is a problem you can now look for npm install fabric@x.y.z-browser

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.