JavaScript Chart libraries

C3 is a user friendly wrapper for d3, which stands for data driven documents. D3 is very powerful but requires quite a lot of code for creating your custom charts. C3 reduces the amount of code you need to write. Free and widely used product.

Reviews of d3 on slant

Google Charts is an easier alternative to c3/d3. It is more limited, but you can use it to create the following types of charts:
Annotation, Area, Bar, Bubble, Calendar, Candlestick, Column, Combo, Diff, Donut, Gantt, Gauge, Geo, Histograms, Intervals, Lines, Maps, Orgs, Pie, Sankey, Scatter, Stepped Area, Table, Timelines, Tree Map, Trend lines, Waterfalls and Word Trees.
So it has enough functionality to create any commonly used chart quite easily. If your needs are not specialised then this is a good choice.

Chart JS is a library that I haven’t yet used but looks good.

High Charts has been in development since November 2009 and enables you to create a wide range of great looking charts with minimal coding. See these demos

Commercial product starting at $90 US

slant reviews of highcharts

am charts is a standalone solution that supports many chart types: Column, Bar, Line, Area, Step, Step without risers, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/ Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid charts and Gauges.

chartist.js is the product of a community that was disappointed about the abilities provided by other charting libraries. It uses SVG for rendering and can be controlled and customised through CSS3 media queries and Sass.

n3-charts is built on d3 and Angular JS.

Ember charts is another library built on top on d3. This one works with Ember JS

Morris JS is built on top of jQuery Raphael JS. I was introduced to this while learning .NET core from Roland Guijt

ZingChart is used by Apple, Microsoft and Adobe, and uses Ajax and HTML5.

flot charts is a jQuery plugin that has been around for a long time and works with browsers old and new.

AnyChart is a solution that has been around since 2003 and also supports old browsers. It has been regularly updated and uses HTML5 features.

pros and cons on slant

For many more JavaScript libraries see the A-Z of JavaScript

Courses

All the following courses are from Pluralsight, but I would like to add tutorials by other companies as well. Of these courses the only one I have currently watched all the way through is Google Charts By Example by Paul O’Fallon (good course)

D3 data visualisation fundamentals

Interactive Data Visualization with D3.js

Google charts by example

Real time web dashboards with High Charts

2 thoughts on “JavaScript Chart libraries

  1. Hi Kevin,

    You’ve assembled a ton of JavaScript resources here. We are still digging through the A-Z of JavaScript 🙂

    Thanks so much for including our charting library on your list, too. We’d be thrilled if you could update ZingChart to be one word. We’d be happy to provide you with more info or demos too if you’d like more detail.

    Keep up the good work!
    -The ZingChart Team

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s