JavaScript Visualization Zoo
JavaScript Visualization in General
There are plenty of JavaScript Visualization tools. In general, we can divide them into 4 main categories:
- Charting: to reproduce the most common types of plots;
- Graphs: representing graph-based data;
- Maps: for plotting data with geo features and
- 3D: for creating three-dimensional charts and cool animations
You can find a nice landscape of the existing tools in the image above. Of course, this list is not exhaustive at all, there are many other tools not listed.
Charting Tools
In this post, we only summarize the charting tools. Here is a list with a short description:
- D3: manipulating documents based on data
- NVD3: re-usable charts for D3js
- ApexCharts JS: create interactive web visualizations
- Chart.js: interactive graphs for web and mobile
- dygraphs: fast, flexible charting library
- HighCharts: based on SVG for web
- ECharts: for highly customizable charts
- Epoch: general-purpose high-performance charts
- Chartist JS: simple responsive charts
- dimple JS: open up the power of d3 to analysts
- AMCharts: fast and responsive charts
- Techan JS: interactive financial charts
- MetricGraphs.js: for time-series data
- Plotly JS: build analytics apps easily
- Toast UI Chart: essential charts on your web service
- C3.js: generate D3 based charts instantly
- ReCharts: A composable charting library built with React JS and D3
Question for you guys
What of these tools you are using or you have been using? Feel free to share any experience you have!
I have been playing with some of them and you can take a look at this blog post for more details.
Enjoy your JavaScript coding!
Trending on Indie Hackers
Great overview, thanks! Very useful in these #corona days I can imagine. Take care and keep sharing*!
*content, not the virus
I am glad you like it! Stay safe as well!
Great list, thanks friend
Thanks, I am glad you like it! :)
I've mentionned it here before, but I really like the Vega projects. It offers a grammar (expressed in json) to build various combination of charts. Check out Lyra too for a global overview.
Indeed, I also like Vega projects, the standard Vega and Vega-Lite that are both based on D3. However, Vega is not directly a JavaScript library, but rather a visualization grammar, that's why I did not list it here. Otherwise, as I said, it is awesome.
UPDATE: I am including some Python tools as well:
This comment was deleted 4 years ago.
Thanks for the suggestion, I've added it to the list! I did not know that React JS with D3 can produce such nice charts as on the web page you've included.