Follow
DevelopmentWeb

What are the best client side JavaScript charting libraries?

12
Options 
Considered
55
User 
Recs.
Last 
Updated
Related Questions
Activity
Ad
Have feedback or ideas?
Discord logoJoin our community
on Discord
Here’s the Deal
Slant is powered by a community that helps you make informed decisions. Tell us what you’re passionate about to get your personalized feed and help others.

12 Options Considered

12 Options ConsideredPriceLast Updated
Chart.js
Mar 30, 2018
D3.js
Sep 23, 2017
Highcharts
Apr 13, 2017
C3.js
Dec 7, 2017
AnyChart
Aug 3, 2017
See Full List

Chart.js

Add Video or Image
Laura Kyle
Top Pro

Lightweight and fast

•••
The library contains a set of 6 charts and is 11Kb gzipped, this makes its loading time and page impact low.
thermoplastics
tuxayo
Top Pro

Free/libre/open-source

•••
Laura Kyle
Top Pro

Responsive charts

•••
The charts are fully responsive, meaning they resize based on the viewport width.
Laura Kyle
Top Pro

Clear documentation

•••
The chart.js documentation is well organized and provides detailed information on using each feature.
Laura Kyle
Top Con

Limited features

•••
Chart.js currently offers only 6 graph types, and lacks the flexibility offered by other options. For example, controlling the display of tooltips is fairly limited.
See 3 more ProsSee 3 more Pros

D3.js

Add Video or Image
Laura Kyle
Top Pro

Large community

•••
D3.js is a very popular tool with an active community, resulting in plenty of learning resources and fast responses to questions.
Laura Kyle
Top Pro

Doesn't require a proprietary framework

•••
D3's emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework.
Joep Meindertsma
Top Pro

Extremely powerful

•••
Since D3.js is quite low level, it can generate a huge set of different visualizations. You can find various examples here.
Laura Kyle
Top Pro

Huge number of examples online

•••
Most of the examples provided are by the author, but there's also a great community writing plugins and more examples.
Joep Meindertsma
Top Pro

Open source

•••
Laura Kyle
Top Pro

Backwards compatible

•••
D3.js is intended for modern browsers, so supports IE9 and above (IE8 with an additional library) as well as all the other modern browsers.
Laura Kyle
Top Con

Steep learning curve

•••
The complexity and flexibility of D3.js results in it being a time-consuming tool to learn for many users. D3 is incredibly flexible; probably more so than any other JavaScript visualization library at the time of this posting. With that flexibility comes increased complexity. If you just want to...
See 5 more ProsSee 5 more Pros

Highcharts

Add Video or Image
Laura Kyle
Top Pro

Large and active community

•••
Highcharts has a large and supportive community, resulting in a fast response from both stack overflow and the Highcharts forum.
Laura Kyle
Top Pro

Excellent browser support

•••
Highcharts supports all modern browsers (including IE6 and up), iOS and Android.
Laura Kyle
Top Con

Can be expensive

•••
Highcharts is not free for commercial projects, with a starting price of $90/USD for use on one simple webpage and, up to $3,600 for maintenance and support.
See 1 more ProSee 1 more Pro

C3.js

Add Video or Image
Endi Sukaj
Ben Creasy
Top Pro

Numerous chart options available

•••
Built on d3 so you can leverage existing skills.
Paolo
Top Pro

Legend out of the box

•••
Paolo
Top Pro

Easy rotation (swap X and Y), and inverting

•••
Paolo
Top Pro

Easy to configure and supports all basic charts

•••
With legends and tooltips, gridlines, axis and tick label customization, etc.
Shlomi Asaf
Top Con

Bad performance when running multiple charts on same page

•••
See 3 more ProsSee 3 more Pros

AnyChart

Add Video or Image
Endi Sukaj
Andrey Khachaturov
Top Pro

A lot of supported chart types

•••
Supports almost all chart types one could ever want. From the most common bar charts, area charts, and donut charts, to funnel charts, polar charts or Japanese Candlestick charts.
Endi Sukaj
Andrey Khachaturov
Top Pro

Multiple supported data formats

•••
Supports the Javascript API, XML, JSON, CSV.
Endi Sukaj
Andrey Khachaturov
Top Pro

Extremely flexible and customizable

•••
Any part of a chart can be changed and customized.
Endi Sukaj
Andrey Khachaturov
Top Pro

Each chart element responds to user actions

•••
Events can be distributed to chart elements which respond to user actions. Event listeners are simple JavaScript functions which are very easy to use and understand.
Endi Sukaj
Andrey Khachaturov
Top Pro

Multiple plugins and integration templates are available

•••
Plugins for AngularJS, Ember.js, jQuery, Meteor, Node.js, React: http://www.anychart.com/plugins Technical integration templates and samples for all popular programming languages, frameworks and libraries, and databases: http://www.anychart.com/integrations/
Endi Sukaj
Andrey Khachaturov
Top Pro

Full cross-browser support

•••
Supports all browsers, including IE6+ along with mobile browsers.
Endi Sukaj
Andrey Khachaturov
Top Pro

Open source

•••
The open source code is hosted on GitHub under different licenses depending on the library.
Endi Sukaj
Andrey Khachaturov
Top Pro

No dependencies

•••
No jQuery or other libraries required.
Endi Sukaj
Andrey Khachaturov
Top Pro

Long product history, experienced team

•••
AnyChart has been operating from 2003 and the team is very experienced with a long history of releasing quality products.
Endi Sukaj
Andrey Khachaturov
Top Pro

Detailed documentation and API reference

•••
The documentation and API reference are very detailed and everything is explained in detail in a simple and clear way.
WhiteLilac
TirelessHapantali
Top Con

It's not free

•••
The prices start from $49 per product.
See 9 more ProsSee 9 more Pros

gRaphaël

Add Video or Image
Laura Kyle
Top Pro

Works with older browsers

•••
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. gRaphaël supports IE 6+, Firefox 3.0+, Safari 3.0+, and Opera 9.5+.
Laura Kyle
Top Con

Not actively developed

•••
There has been no contributions on the github page for the last 3 years. Most issues go without any replies.

Chartist.js

Add Video or Image
Laura Kyle
Top Pro

Offers fully responsive charts

•••
Chartist offers responsive configuration with media queries, which not only resizes the chart but also provides different text and shapes.
Laura Kyle
Top Pro

No dependencies

•••
Chartist.js has no dependencies, keeping it lightweight and fast to configure.
Laura Kyle
Top Pro

Lightweight and fast

•••
Chartist is lightweight at only 10KB, resulting in very little impact on load time.
Laura Kyle
Top Con

Animations only work in modern browsers

•••
Animation support is somewhat limited, with IE not supported at all.
See 2 more ProsSee 2 more Pros

CanvasJS Charts

Add Video or Image
Ashish
Top Pro

High performance

•••
Charts can render tens of thousands of data points without any performance issues.
Ashish
Top Pro

Works across devices and browsers

•••
Charts can render across devices including iPhone, iPad, Android, Windows Phone, Desktops, etc.
Ashish
Top Pro

Free for non-commercial use (Creative Commons Attribution-NonCommercial 3.0 License)

•••
Ashish
Top Pro

Start-up friendly

•••
Offers discounted pricing for start-ups and new companies.
Ashish
Top Pro

Good commercial pricing

•••
A single developer license for CanvasJS costs $299.
Ashish
Top Pro

Supports 24 different chart types

•••
Supports 24 different chart types including line, column, bar, spline, area, pie, doughnut, stock charts, etc.
Endi Sukaj
StudiousCeraon
Top Con

Not free

•••
Apparently no free Open Source Software version: https://canvasjs.com/license-canvasjs/
See 5 more ProsSee 5 more Pros

Recharts

Add Video or Image
Tom Maiaroto
Top Pro

Extensible

•••
This is a fairly extensible library that allows you to add your own components
Endi Sukaj
Tom Maiaroto
Top Pro

Beautiful

•••
Charts made with Recharts look great.
Endi Sukaj
Tom Maiaroto
Top Pro

Fast

•••
Recharts renders quickly and smoothly.
Endi Sukaj
Tom Maiaroto
Top Con

Depends on ReactJS

•••
This relies upon React.js so if you're not using React, this isn't really an option.
See 2 more ProsSee 2 more Pros

Plotly

Add Video or Image
Endi Sukaj
Steven Sagaert
Top Pro

Many language bindings

•••
R, Python, Julia, etc.
Endi Sukaj
Steven Sagaert
Top Pro

Easy to customise the charts

•••
Endi Sukaj
Steven Sagaert
Top Pro

Large number of charts

•••
Know any negative aspects of this option?
See 2 more ProsSee 2 more Pros

ZingChart

Add Video or Image
Chloe Boylan
Top Pro

Tons of built-in features

•••
Other libs just can't compete with the amount of built-in functionality ZC offers. Built-in tokenized logic rules Easy to use zooming/preview functionality available across the library Share legends, crosshairs, and zoom controls across charts
Izem Lavrenti
Chloe Boylan
Top Pro

Good support

•••
Their support team is fast to respond and super helpful.
Khoa Nguyen
Top Pro

Tons of styling options

•••
You can get extremely granular with the styling (which is very CSS-like). You can customize pretty much any aspect of a chart, so they can match your application or website perfectly.
Jasper Forest
Top Pro

Looks Great!

•••
Tons of styles to choose from!
Barbara Glowa
Top Pro

Provides more chart types

•••
Barbara Glowa
Top Pro

Robust API

•••
DS Pint
Top Pro

Handles Large Data Sets

•••
Khoa Nguyen
Top Con

The free version inserts a watermark on all charts

•••
Either their watermark is on all the charts or you have to pay expensive license fees.
tuxayo
Top Con

Proprietary

•••
Laura Kyle
Chloe Boylan
Top Con

Features can be hard to find

•••
The documentation could be better. There are features of the lib that you might not know about unless you ask support.
See 8 more Pros & ConsSee 8 more Pros & Cons

Morris Chart

Add Video or Image
Francisco
Erikson Gomes
Top Pro

Easy usage

•••
Know any negative aspects of this option?

55 Community Recommendations

Илья Цветков
Andrey Khachaturov
Peter Venkman
Vishwas R
Sergey Chernetsky
Alexander Kudryavtsev
Anton Kagakin
Julias Shaw
DS Pint
Sunil Urs
Sergio García
+31
Request recommendations from the community
Shlomi Asaf
Shlomi
Contributor for 5 months
1
Total 
Recs.
10
Total 
Karma
C3.js
5 months ago
Was great till I needed to place multiple charts on the same page. Page got stuck and got a big freezing till the charts got printed.
Con
 Bad performance when running multiple charts on same page
See full
Currently displaying 1 out of 55 total recommendations.
I Recommend...
Help millions of people make better decisions.
Each month, over 1.7 million people use Slant to find the best products and share their knowledge. Pick the tags you’re passionate about to get a personalized feed and begin contributing your knowledge.
undefined