Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to SafariWhat are the best JavaScript libraries for creating visualisations of data as charts/graphs?
22
Options
Considered
Considered
Last
Updated
Updated
Join our communityTop Con
•••
Top Con
•••
Ray's Experience
Top Pro
•••
Top Pro
•••
Top Pro
•••
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
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
I used Chart.js in a project once and I'll definitely be using it again. It's straightforward, documentation is awesome (many examples and code samples), charts are slick, there's pretty much zero learning curve or complexity. On top of all that, it's open source and MIT-licensed. See More
Everything that is drawn in Raphael is an object which means it is easy to manipulate any part of the rendered image after it is processed. It uses an event handler system for user inputs which makes it easy to learn for JavaScript developers used to event based libraries. An interactive chart demo. This style of handling objects makes Raphael a good fit for rendering interactive diagrams and charts that can also interact with other parts of the page. See More
amCharts includes everything a graphing library can provide. From low-level customization to high level complexities, they're all there. Check out their demos page to get creative ideas about using the library on your site. The syntax is pretty simple and self explanatory too, here's a quick example of a new chart: var chart = new AmCharts.AmSerialChart(); chart.dataProvider = chartData; chart.categoryField = "country"; var graph = new AmCharts.AmGraph(); graph.valueField = "visits"; graph.type = "column"; chart.addGraph(graph); chart.write('chartdiv'); See More
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