Introducing
The Slant team built an AI & it’s awesome
Find the best product instantly
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now
4.7 star rating
0
Development
Frontend Development
What are the best JavaScript charting libraries?
24
Options
Considered
375
User
Recs.
Nov 9, 2023
Last
Updated
Related Questions
Activity
Have feedback or ideas?
Join our community
on Discord
Ad
23
Options
Considered
Best JavaScript charting libraries?
Price
License
Site
81
Chart.js
-
-
-
81
D3.js
-
-
-
--
Shield UI
-
-
-
55
Highcharts
-
-
-
--
AnyChart
-
-
-
See Full List
81
Chart.js
My Rec
ommendation
for
Chart.js
My Recommendation for
Chart.js
All
8
Experiences
1
Pros
5
Cons
2
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.
See More
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 More
PositiveCardea's Experience
Not performant, putting just hundreds of data points on the chart will slow performance.
See More
Top
Pro
•••
Clear documentation
The chart.js documentation is well organized and provides detailed information on using each feature.
See More
Top
Con
•••
Canvas based
Canvas it bitmap based and shares the same issues as non-vector formats.
See More
Top
Pro
•••
Responsive charts
The charts are fully responsive, meaning they resize based on the viewport width.
See More
Top
Pro
•••
Plugin support
Many plugins are available via NPM and you can easily write your own.
See More
Top
Pro
•••
Supports multiple X and Y axes
Multiple Y axes are important for trend correlation, eg. comparing number of clicks to sale amounts. Not same scales / units.
See More
Hide
See All
Get it
here
Recommend
53
5
81
D3.js
My Rec
ommendation
for
D3.js
My Recommendation for
D3.js
All
16
Experiences
1
Pros
9
Cons
6
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.
See More
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 create some quick charts you will get results faster with something else.
See More
RealisticHapi's Experience
I been using this for two years and now changed to others betters options. It's plaged of bugs. Documentacion it's poor and some cases inexistent. Millons of examples don't say if it's for V3 or V4. Change from V3 to V4 is barely documented. V4 it's not retrocompatible with previous versions. It's too much time consuming make something really simple. Don't waste your time, just go and get a better library: charts.js, Chartist.js,FusionCharts,Flowcharts,leatfleat, Tau Charts,c3,nvd ....... etc,etc,etc .... etc.
See More
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.
See More
Top
Con
•••
Selections
Not always works as you expect. A few hours later you realize that it's a bug :(. More than 3200 issues open on GitHub. 4,112 commits 22 branches 228 releases 121 contributors Try to get the right one for you.
See More
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.
See More
Top
Con
•••
Takes up a lot of time - do not use for production
When your boss asks for a chart, he expects the work to be done in a couple hours, not a couple weeks, which it may take you because you are trying to figure out why "transitions" doesn't work.
See More
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.
See More
Top
Con
•••
Examples online don't always work
Frequently copy-pasting a working online graph to your environment results in errors. In the worst case, you simply get a blank screen, no error, no data, no clue about what's wrong.
See More
Top
Pro
•••
Compatibility with React
You can use it easily with React as a chart component. Search for D3 + React repo.
See More
Top
Con
•••
"Selections" are elegant, but somewhat hard to grok
Selections are core to working with D3 beyond the basics. They're powerful and useful, but require new developers to get up to speed (e.g. set aside 30m to read and digest: https://github.com/mbostock/d3/wiki/Selections) and if used in the context of a larger application will result in a portion of the code using different patterns than the rest, requiring a translation layer in between.
See More
Top
Pro
•••
Libraries based on D3 ease building charts
Libraries like C3.js or MetricsGraphics.js, using D3 as back-end, reduce the amount of work to get nice graphics.
See More
Top
Con
•••
No graph export options
OK, fantastic, after a couple weeks you got your wonderful chart. Your boss is so happy and says: "can print a copy?". Now you're in trouble. Without options for exporting or printing, you need to move it manually to another library to convert the SVG-to-something-printable. Learn how to use it and program it to generate a printable version or .PNG/.JPG. But what if you want to export HTML with some images: no problem. Take another library, learn how to use it and program it to generate a printable version or .PNG/.JPG. But what if you want to export your maps with some images: no problem. Take another library, learn how to use it and program it to generate a printable version or .PNG/.JPG.
See More
Top
Pro
•••
Visualization
Use it whenever you need to bring some visualization to your project.
See More
Top
Pro
•••
Versatile library for manipulating data on the DOM
See More
Top
Pro
•••
Great for highly interactive scenes
D3.js offers incredible levels of interactivity.
See More
Hide
See All
Get it
here
Recommend
74
17
--
Shield UI
My Rec
ommendation
for
Shield UI
My Recommendation for
Shield UI
All
6
Experiences
1
Pros
4
Cons
1
Top
Pro
•••
Many chart types available
There are more than 20 types of charts available for use.
See More
Top
Con
•••
Commercial
Pay by developer starting from 349$.
See More
Marcelo Leme's Experience
None
See More
Top
Pro
•••
Wrappers for ASP.NET, ASP.NET MVC and Apache Wicket available
Each chart can be implemented to ASP.NET and ASP.NET MVC applications, with detailed documentation and guides for each.
See More
Top
Pro
•••
Supports combining different charts
Each of the available charts has documentation and guides available for every different implementation (JavaScript, ASP.NET etc.)
See More
Top
Pro
•••
Supports combining different charts
You can combine different charts (they can be of the same type or even different types of charts) to display data correlations.
See More
Hide
See All
Get it
here
Recommend
17
55
Highcharts
My Rec
ommendation
for
Highcharts
My Recommendation for
Highcharts
All
11
Experiences
2
Pros
7
Cons
2
Top
Pro
•••
Many different charts with lots of options
Highcharts provides 20 different types of charts to choose from, and they make it simple to combine chart types.
See More
Top
Con
•••
Commercial
Highcharts is not free for commercial projects, with a starting price of US$590 for Single Developer + Maintenance & Support
See More
KindZaqar's Experience
I love the features provided by Highcharts.
See More
Top
Pro
•••
Good documentation
Very handy with examples and explanations.
See More
Top
Con
•••
The examples are not that great
For instance, example's JsFiddle may get stalled when loading.
See More
OpinionatedZelus's Experience
good
See More
Top
Pro
•••
Excellent browser support
Highcharts supports all modern browsers (including IE6 and up), iOS and Android.
See More
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.
See More
Top
Pro
•••
Lots of good examples
The site has a selection of good examples that will help you get started quickly.
See More
Top
Pro
•••
Supports multiple Y axes
Important for trend correlation, eg. comparing number of clicks to sale amounts. Not same scales / units.
See More
Top
Pro
•••
Library to support Microsoft .NET
Compatable with .NET framework 4+, can develop graphs from server side for ASP .NETand ASP .NET MVC applications.
See More
Hide
See All
Get it
here
Recommend
41
9
--
AnyChart
My Rec
ommendation
for
AnyChart
My Recommendation for
AnyChart
All
10
Pros
9
Cons
1
Top
Pro
•••
Lots of chart types
Including bar, line, area, scatter, sparkline, treemap, waterfall, spline, funnel, bubble, polar, column, column-range, pie, box plot, area-spline-range, gauges, and other types of common charts (AnyChart); candlestick, line, spline, marker and other types of financial/stock charts (AnyStock); project and resource based Gantt charts (AnyGantt); choropleth, connector and other types of maps (AnyMap).
See More
Top
Con
•••
Commercial
See here, for the conditions. From $49 to $12,000 (May 2019).
See More
Top
Pro
•••
A lot of different data formats
XML, JSON, CSV, JS API.
See More
Top
Pro
•••
Highly customizable
Everything in AnyChart can be adjusted.
See More
Top
Pro
•••
Experienced team and long product history
AnyChart is on the market since 2003.
See More
Top
Pro
•••
A lot of integration templates
Technical integration templates for many popular stacks.
See More
Top
Pro
•••
Great customer support
Support that listens and understands its customers.
See More
Top
Pro
•••
Events support
See More
Top
Pro
•••
No dependencies
AnyChart does not depend on any external libraries.
See More
Top
Pro
•••
IE6+ support, along with mobile browsers
See More
Hide
See All
Get it
here
Recommend
20
2
--
c3.js
My Rec
ommendation
for
c3.js
My Recommendation for
c3.js
All
4
Pros
4
Top
Pro
•••
Easy to use
See More
Top
Pro
•••
Based on D3
See More
Top
Pro
•••
Very clean
The charts are very clean with fluid transitions.
See More
Top
Pro
•••
Supports two Y axes
Important for trend correlation, eg. comparing number of clicks to sale amounts. Not same scales / units. Note that some other libraries are not limited to 2 axes.
See More
Hide
See All
$0
Recommend
6
3
--
ApexCharts
My Rec
ommendation
for
ApexCharts
My Recommendation for
ApexCharts
All
5
Experiences
2
Pros
3
Top
Pro
•••
Unbelievably beautiful charts and OSS.
See More
DaringHuehuecoyotl's Experience
This library is underappreciated and should be used more. It boasts a very good looking UI that would be enjoyed by many users. It has great documentation and compatibility with many frameworks. Easy to setup and sample to work with.
See More
Top
Pro
•••
Great Animation, Features, and different choices
See More
Shaiket Das's Experience
Fantastic charts, especially mixed charts with the ability to zoom and pan.
See More
Top
Pro
•••
Compatible with many different dev environments (React, Angular, Vue, JS)
See More
Hide
See All
Get it
here
Recommend
21
--
Plotly
My Rec
ommendation
for
Plotly
My Recommendation for
Plotly
Hide
Get it
here
Recommend
1
--
ECharts
My Rec
ommendation
for
ECharts
My Recommendation for
ECharts
Hide
Get it
here
Recommend
14
2
--
Webix Charts
My Rec
ommendation
for
Webix Charts
My Recommendation for
Webix Charts
Hide
Get it
here
Recommend
5
--
CanvasJS Charts
My Rec
ommendation
for
CanvasJS Charts
My Recommendation for
CanvasJS Charts
All
11
Pros
10
Cons
1
Top
Pro
•••
No dependencies on third party libraries
Standalone as it does not depend on any other JavaScript library.
See More
Top
Con
•••
Commercial
See here for details. At time of writing, prices vary from $399 to $1499 and more.
See More
Top
Pro
•••
Responsive
Charts are responsive and resize whenever the window resizes.
See More
Top
Pro
•••
Supports combination of different chart types
You can combine different types of charts to form a combination chart. For example one chart can have a combination of area, line, column, etc.
See More
Top
Pro
•••
API is thoroughly documented
API is thoroughly documented with lots of examples on each page. Each of the example can be edited on the page to learn and experiment.
See More
Top
Pro
•••
Works across devices and browsers
Charts can render across devices including iPhone, iPad, Android, Windows Phone, Desktops, etc.
See More
Top
Pro
•••
Supports zooming & panning
Charts supports zooming & panning on both X & Y axis.
See More
Top
Pro
•••
Supports 24 different chart types
Supports 24 different chart types including line, column, bar, spline, area, pie, doughnut, stock charts, etc.
See More
Top
Pro
•••
High performance
Charts can render tens of thousands of data points without any performance issues.
See More
Top
Pro
•••
Supports two Y axes
Important for trend correlation, eg. comparing number of clicks to sale amounts. Not same scales / units. Note that some other libraries are not limited to 2 axes.
See More
Top
Pro
•••
Highly customizable
Comes with a lot of customisation options
See More
Hide
See All
Get it
here
Recommend
4
1
--
Chartist.js
My Rec
ommendation
for
Chartist.js
My Recommendation for
Chartist.js
All
8
Pros
4
Cons
4
Top
Pro
•••
Lightweight and fast
Chartist is lightweight at only 10KB, resulting in very little impact on load time.
See More
Top
Con
•••
Not activity maintained
Last release is Apr 2017, while last commit is Dec 2017 by the time Aug 2018.
See More
Top
Pro
•••
No dependencies
Chartist.js has no dependencies, keeping it lightweight and fast to configure.
See More
Top
Con
•••
No candlestick charts
See More
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.
See More
Top
Con
•••
Very humble feature set
See More
Top
Pro
•••
Uses SVG
See More
Top
Con
•••
Animations only work in modern browsers
Animation support is somewhat limited, with IE not supported at all.
See More
Hide
See All
Get it
here
Recommend
6
2
--
ZingChart
My Rec
ommendation
for
ZingChart
My Recommendation for
ZingChart
All
5
Experiences
1
Pros
3
Cons
1
Top
Pro
•••
Great performance with big data sets
Easily loads 100k+ data points and retains interactivity. This is hard to find in other libraries.
See More
Top
Con
•••
Relatively expensive
There is a free version available, however it's branded. Licenses start at $249.
See More
Josh Arias's Experience
Great product and easy to use. The web based app they made available makes creating demos and trying out different looks very simple. Highly recommended.
See More
Top
Pro
•••
Excellent support
Live chat on the website and quick turnaround on StackOverflow from their San Diego based team.
See More
Top
Pro
•••
Everything in one library
Unlike similar charting options, ZingChart doesn't break up the library into packages. You get stock charts and maps with the rest of the library.
See More
Hide
See All
Get it
here
Recommend
15
2
--
Google Charts
My Rec
ommendation
for
Google Charts
My Recommendation for
Google Charts
All
3
Pros
2
Cons
1
Top
Con
•••
Cannot self-host
Google does not allow you to save or host the code yourself.
See More
Top
Pro
•••
Easy to use
Google Charts has a large selection of chart types to get started with and have up in running in very little time. It uses sensible defaults, but has flexible options to allow for customization when needed. Better than most other free to use Chart APIs and has great documentation provided by Google.
See More
Top
Pro
•••
Supports multiple Y axes
Important for trend correlation, eg. comparing number of clicks to sale amounts. Not same scales / units.
See More
Hide
See All
Get it
here
Recommend
9
11
--
Livegap charts
My Rec
ommendation
for
Livegap charts
My Recommendation for
Livegap charts
All
6
Experiences
1
Pros
3
Cons
2
Top
Pro
•••
Free
Tool to easily create beautiful chart from any data then save as image or animated HTML Charts
See More
Top
Con
•••
No candlestick charts
See More
AffableErecura's Experience
Create sketchy chart
See More
Top
Pro
•••
Charts can be exported to multiple formats
Charts can be exported to images or HTML.
See More
Top
Con
•••
No gantt chart
See More
Top
Pro
•••
Can be opened from the browser
The tool is online and can be used from a web browser, no application is needed.
See More
Hide
See All
0
Recommend
6
1
--
Flot
My Rec
ommendation
for
Flot
My Recommendation for
Flot
All
5
Pros
3
Cons
2
Top
Pro
•••
Easy to use
Flot provides detailed and well organized documentation that includes plenty of code examples you're free to use. It's fast to customize and add functionality, partially due to its use of jQuery.
See More
Top
Con
•••
No commit since Apr 2014
The project relay on out dated version of jQuery. Last commit is about 4 years ago. No developers available in its issue tracker.
See More
Top
Pro
•••
Real-time updates
Flot provides live updating with a customizable update time.
See More
Top
Con
•••
Limited choice of charts
Currently, Flot supports a limited number of chart types (lines, bars, filled area and point chart).
See More
Top
Pro
•••
Supports multiple Y axes
Important for trend correlation, eg. comparing number of clicks to sale amounts. Not same scales / units.
See More
Hide
See All
Get it
here
Recommend
3
3
--
KoolChart
My Rec
ommendation
for
KoolChart
My Recommendation for
KoolChart
All
8
Pros
7
Cons
1
Top
Pro
•••
Charts look beautiful
The colors and shapes of charts are very beautiful.
See More
Top
Con
•••
Not open source - 2 month trial
https://www.koolchart.com/download/
See More
Top
Pro
•••
Event handling and user interactivity
If you have data that meets certain conditions, you can highlight it or create another chart at that data point. Also, you can use the built-in data editor to simulate the chart while directly modifying the chart data
See More
Top
Pro
•••
The most numerous sample charts provided
30 chart types and 400 ready-to-use sample charts are pre-packaged in KoolChart, which is the most numerous provided in a single package. Here are some sample charts available. https://www.koolchart.com/demo/line_chart https://www.koolchart.com/demo/histogram_chart https://www.koolchart.com/demo/target_chart https://www.koolchart.com/demo/wing_chart
See More
Top
Pro
•••
Very easy and intuitive
See More
Top
Pro
•••
Lazy data processing
This is a very useful feature when used with the scroll function because of the large amount of data.
See More
Top
Pro
•••
Candlestick charts
https://www.koolchart.com/demo/index.html?type=Line&name=0
See More
Top
Pro
•••
Various types of charts are available
KoolChart provides a variety of useful charts. It can bring your business data effective visualization.
See More
Hide
See All
Get it
here
Recommend
5
--
CxJS
My Rec
ommendation
for
CxJS
My Recommendation for
CxJS
All
4
Pros
2
Cons
1
Specs
Top
Pro
•••
Support included
github email slack stack overflow
See More
Top
Con
•••
Expensive for commercial use
A Professional license is required for commercial projects, it costs $475 per developer (3-8 developers, if more than that, need to get a quote for Enterprise license ). At the moment of writing (December 2017), you can apply for two free CxJS innovator licenses or as many as five, if you qualify as a startup.
See More
Specs
License:
Creative Commons Attribution-NonCommercial License and Commercial
Site:
https://cxjs.io/
Top
Pro
•••
Effective visualizations
Besides standard chart types (pie, line, bar, column and scatter charts), Cx provides markers, ranges, color-maps and other elements needed for effective visualizations.
See More
Hide
See All
$0-475
Recommend
2
--
JSCharting
My Rec
ommendation
for
JSCharting
My Recommendation for
JSCharting
All
5
Experiences
1
Pros
3
Cons
1
Top
Pro
•••
Huge suite of samples gives a jumping off point to save time for various projects
The various chart types are all included where other options sell separate products for stock, mapping and other advanced types.
See More
Top
Con
•••
Commercial solution
Paid licensing, but for commercial work it's worth it.
See More
AffableIshat's Experience
Less fiddling with more chart settings, the defaults are stronger and you don't need to write as much code to get to something polished. You can see it in the samples too!
See More
Top
Pro
•••
Real support
Support is included and provided by actual developers that give you a real answer quickly.
See More
Top
Pro
•••
Good documentation
The API documentation is thorough for property settings and includes some links to examples and tutorials.
See More
Hide
See All
Get it
here
Recommend
3
--
jqPlot
My Rec
ommendation
for
jqPlot
My Recommendation for
jqPlot
All
2
Pros
1
Cons
1
Top
Pro
•••
Charts update automatically
Content renders as an image and can be updated automatically with Ajax.
See More
Top
Con
•••
No longer supported
If you are just starting off with a JavaScript charting library you shouldn't invest your time learning jqPlot. Once a great tool it hasn't been updated in several years and there is virtually no activity on the Google Groups forum these days.
See More
Hide
Get it
here
Recommend
2
Don't see your favorite option? Add it.
Built By the Slant team
Find the best product instantly.
4.7 star rating
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now - it's free
One sec!
Are you sure that you want to abandon your hard work?
Delete Work
Continue working
{}
undefined
url next
price drop