Visualizing data as interactive charts is extremely easy using charting libraries based on JavaScript. These free and open-source code components employ HTML5 <canvas> element to create different chart types, including time series, bar chart, lines, bars, etc. This makes it yield good performance even when working with large data sets. The code packages are easily integrable with popular JavaScript animation frameworks like Angular, React, PHP, JQuery, Rails, and more, making it possible to create a chart with real-time data and animations. In addition, downward compatibility with outdated browsers is also achievable with polyfills. Listed below are some of the most popular open-source libraries for charting in 2021. We highly recommend Chart.js - Simple HTML5 Charts using the canvas tag; D3 (or D3.js) is a JavaScript library for visualizing data using web standards; Plotly.js is a standalone Javascript data visualization library, and it also powers the Python and R modules named plotly.
d3by d3
Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
d3by d3
Shell
105644
Version:v7.8.5
License: Permissive (ISC)
plotly.jsby plotly
Open-source JavaScript charting library behind Plotly and Dash
plotly.jsby plotly
JavaScript
15749
Version:v2.24.2
License: Permissive (MIT)
tui.editorby nhn
ππ Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
tui.editorby nhn
TypeScript
16032
Version:editor@3.2.2
License: Permissive (MIT)
chartsby frappe
Simple, responsive, modern SVG Charts with zero dependencies
chartsby frappe
JavaScript
14718
Version:v1.6.3
License: Permissive (MIT)
cube.jsby cube-js
π Cube β The Semantic Layer for Building Data Applications
cube.jsby cube-js
Rust
14721
Version:v0.32.7
License: Others (Non-SPDX)
chartist-jsby gionkunz
Simple responsive charts
chartist-jsby gionkunz
JavaScript
12783
Version:v0.4.0
License: Others (Non-SPDX)
apexcharts.jsby apexcharts
π Interactive JavaScript Charts built on SVG
apexcharts.jsby apexcharts
JavaScript
12617
Version:v3.41.0
License: Permissive (MIT)
highchartsby highcharts
Highcharts JS, the JavaScript charting framework
highchartsby highcharts
TypeScript
11142
Version:Current
License: Others (Non-SPDX)
nivoby plouc
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
nivoby plouc
TypeScript
11544
Version:v0.83.0
License: Permissive (MIT)
victoryby FormidableLabs
A collection of composable React components for building interactive data visualizations
victoryby FormidableLabs
JavaScript
10355
Version:v36.6.0
License: Others (Non-SPDX)
F2by antvis
π±πAn elegant, interactive and flexible charting library for mobile.
F2by antvis
TypeScript
7811
Version:@antv/f2@4.0.11
License: Permissive (MIT)
dc.jsby dc-js
Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js
dc.jsby dc-js
JavaScript
7387
Version:4.0.0
License: Permissive (Apache-2.0)
chart.xkcdby timqian
xkcd styled chart lib
uPlotby leeoniya
π A small, fast chart for time series, lines, areas, ohlc & bars
uPlotby leeoniya
JavaScript
7888
Version:1.6.24
License: Permissive (MIT)
timesheet.jsby sbstjn
JavaScript library for HTML5 & CSS3 time sheets
timesheet.jsby sbstjn
JavaScript
6938
Version:Current
License: Permissive (MIT)
rickshawby shutterstock
JavaScript toolkit for creating interactive real-time graphs
rickshawby shutterstock
JavaScript
6536
Version:v1.7.0
License: Permissive (MIT)
roughVizby jwilber
Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.
roughVizby jwilber
JavaScript
6454
Version:Current
License: Permissive (MIT)
tui.chartby nhn
ππ Beautiful chart for data visualization.
tui.chartby nhn
TypeScript
5223
Version:v4.6.1
License: Permissive (MIT)
vue-chartjsby apertureless
π Vue.js wrapper for Chart.js
vue-chartjsby apertureless
TypeScript
5142
Version:v5.2.0
License: Permissive (MIT)
britechartsby britecharts
Composable Charting Library based on reusable D3.js components.
britechartsby britecharts
JavaScript
3734
Version:2.3.0
License: Permissive (Apache-2.0)
react-stockchartsby rrag
Highly customizable stock charts with ReactJS and d3
react-stockchartsby rrag
JavaScript
3674
Version:v0.1.6
License: Permissive (MIT)
react-chartjsby reactjs
common react charting components using chart.js
react-chartjsby reactjs
JavaScript
2952
Version:v0.8.0
License: Permissive (MIT)