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
Open Source
Chart
What are the best open source JavaScript charting libraries?
14
Options
Considered
128
User
Recs.
Mar 26, 2023
Last
Updated
Related Questions
Activity
Have feedback or ideas?
Join our community
on Discord
Ad
13
Options
Considered
Best open source JavaScript charting libraries
Price
Last Updated
65
D3.js
-
Nov 26, 2022
--
Chart.js
-
Nov 26, 2022
--
Plotly
Free / Paid
Mar 17, 2022
--
Chartist.js
-
Mar 26, 2023
--
C3.js
-
Sep 29, 2020
See Full List
65
D3.js
My Rec
ommendation
for
D3.js
My Recommendation for
D3.js
All
9
Pros
7
Cons
2
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
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" 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
•••
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
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
Pro
•••
Versatile library for manipulating data on the DOM
See More
Top
Pro
•••
Very flexible join paradigm
Can be tricky at first, but once learned, data manipulation and binding can easily generate complex visualizations for massive amounts of data.
See More
Top
Pro
•••
Great for highly interactive scenes
D3.js offers incredible levels of interactivity.
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
Hide
See All
Get it
here
Recommend
38
6
--
Chart.js
My Rec
ommendation
for
Chart.js
My Recommendation for
Chart.js
All
7
Experiences
1
Pros
4
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
Aivann Carlo Cariaga's Experience
first charting library very easy
See More
Top
Pro
•••
Responsive charts
The charts are fully responsive, meaning they resize based on the viewport width.
See More
Top
Con
•••
Canvas based
Canvas it bitmap based and shares the same issues as non-vector formats.
See More
Top
Pro
•••
Clear documentation
The chart.js documentation is well organized and provides detailed information on using each feature.
See More
Top
Pro
•••
Plugin support
Many plugins available via NPM and you can easily write your own
See More
Hide
See All
Get it
here
Recommend
22
--
Plotly
My Rec
ommendation
for
Plotly
My Recommendation for
Plotly
All
3
Experiences
1
Pros
2
Top
Pro
•••
Many language interfaces besides JavaScript
For the free version officially supports: R, Python and Matlab. There is also a Julia library. The paying hosted version supports many more (excel, Scala, F#,...).
See More
SincereHotuMatua's Experience
cause with python it become more powerfull
See More
Top
Pro
•••
Lots of chart types
See More
Hide
See All
Free / Paid
Recommend
8
--
Chartist.js
My Rec
ommendation
for
Chartist.js
My Recommendation for
Chartist.js
All
6
Pros
4
Cons
2
Top
Pro
•••
Uses SVG
See More
Top
Con
•••
Very humble feature set
See More
Top
Pro
•••
Lightweight and fast
Chartist is lightweight at only 10KB, resulting in very little impact on load time.
See More
Top
Con
•••
Animations only work in modern browsers
Animation support is somewhat limited, with IE not supported at all.
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
Pro
•••
No dependencies
Chartist.js has no dependencies, keeping it lightweight and fast to configure.
See More
Hide
See All
Get it
here
Recommend
5
2
--
C3.js
My Rec
ommendation
for
C3.js
My Recommendation for
C3.js
All
7
Pros
6
Cons
1
Top
Pro
•••
Declarative interface
See More
Top
Con
•••
Requires D3 which is not lightweight at all
See More
Top
Pro
•••
Legend out of the box
See More
Top
Pro
•••
Easy rotation (swap X and Y), and inverting
See More
Top
Pro
•••
Easy to configure and supports all basic charts
With legends and tooltips, gridlines, axis and tick label customization, etc.
See More
Top
Pro
•••
Good set of examples
See More
Top
Pro
•••
Unified data model which allows easily switch between chart types
See More
Hide
See All
Get it
here
Recommend
10
--
Flot
My Rec
ommendation
for
Flot
My Recommendation for
Flot
All
5
Pros
4
Cons
1
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
•••
Limited choice of charts
Currently, Flot supports a limited number of chart types (lines, bars, filled area and point chart).
See More
Top
Pro
•••
Real-time updates
Flot provides live updating with a customizable update time.
See More
Top
Pro
•••
Drag to select
See More
Top
Pro
•••
Simple configuration
See More
Hide
See All
Get it
here
Recommend
8
--
ApexCharts
My Rec
ommendation
for
ApexCharts
My Recommendation for
ApexCharts
Hide
Get it
here
Recommend
6
5
--
Charts (self hosting npm module)
My Rec
ommendation
for
Charts (self hosting npm module)
My Recommendation for
Charts (self hosting npm module)
Hide
Get it
here
Recommend
2
--
Metrics Graphics
My Rec
ommendation
for
Metrics Graphics
My Recommendation for
Metrics Graphics
All
3
Experiences
1
Pros
2
Top
Pro
•••
Built on D3
All the power and flexibility of D3.js.
See More
PerfectRheda's Experience
very easy and intuitive
See More
Top
Pro
•••
Declarative interface
Declare the type of chart, the x and y variables, and other chart properties. No unnecessary manipulation of data objects into separate arrays for each axis.
See More
Hide
See All
Get it
here
Recommend
6
--
Vizury
My Rec
ommendation
for
Vizury
My Recommendation for
Vizury
Hide
Get it
here
Recommend
1
--
d3fc
My Rec
ommendation
for
d3fc
My Recommendation for
d3fc
All
2
Pros
2
Top
Pro
•••
Built using D3v4
d3fc is built using the latest D3v4, and has the same modular architecture. It is currently made up of 17 sub-projects.
See More
Top
Pro
•••
Complements and extends D3
d3fc provides a number of higher-order D3 components that make it easier to build charts. With d3fc you can create series, annotations, samplers and layouts using the familiar D3 data-join pattern.
See More
Hide
Get it
here
Recommend
1
--
n3-charts
My Rec
ommendation
for
n3-charts
My Recommendation for
n3-charts
All
4
Pros
3
Cons
1
Top
Con
•••
Only for use with Angular.js
n3-charts is built on top of Angular, making it only suitable for those who want to add charts to their Angular application.
See More
Top
Pro
•••
Beautiful
n3-charts is SVG powered and crafted with a great attention to detail.
See More
Top
Pro
•••
Well tested
95% test coverage, plus end-to-end tests.
See More
Top
Pro
•••
Easy to use
If you're using AngularJS, then you're two steps away from having beautiful charts. n3-charts is simple to set up and use, with plenty of examples to help get you started.
See More
Hide
See All
Get it
here
Recommend
--
jqPlot
My Rec
ommendation
for
jqPlot
My Recommendation for
jqPlot
All
2
Pros
1
Cons
1
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
Top
Pro
•••
Charts update automatically
Content renders as an image and can be updated automatically with Ajax.
See More
Hide
Get it
here
Recommend
1
4
Don't see your favorite option? Add it.
--
Highcharts.js
My Rec
ommendation
for
Highcharts.js
My Recommendation for
Highcharts.js
Get it
here
Recommend
2
1
See flagged products
Hide flagged products
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