Track Awesome Charting Updates Daily
A curated list of the best charting and dataviz resources that developers may find useful, including the best JavaScript charting libraries
🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 zingchart/awesome-charting · ⭐ 1.8K · 🏷️ Front-End Development
Dec 23, 2020
Commercial Libraries
- Kendo UI - Premium charting library with native UI components available for Angular, React, and Vue.
Free and Open Source Libraries
- Charts.css - CSS data visualization framework.
- QuickChart (⭐1.3k) - Web API that renders static chart images.
- μPlot (⭐7.4k) - A small (< 25 KB min), fast chart for time series, lines, areas, ohlc & bars.
- reaviz - Modular chart component library for React.
- reaflow - Modular diagram engine for build static or interactive editors.
Framework-Specific Libraries / Lit-html
- lit-line (⭐13) - {fast, small, interactive, fully responsive} Line Chart web component build on top of lit-html.
Framework-Specific Libraries / React
- react-vis (⭐8.4k) - a composable visualization system by Uber
- vx collection of reusable low-level visualization components, on top of d3
- react-muze (⭐15) - React wrapper for muze (free data visualization library for creating exploratory data visualizations in browser, using WebAssembly)
Apr 22, 2020
Framework-Specific Libraries / React
- nivo (⭐11k) - React components to easily build dataviz apps, built on top of D3.
Jan 03, 2020
Commercial Libraries
- JSCharting - Integrated suite of charting libraries with traditional charts types plus maps, stock, Gantt, grid and org charts in one package.
Free and Open Source Libraries
- apexcharts.js (⭐12k) - A JavaScript Chart Library with simple API.
Framework-Specific Libraries / React
- react-chart-js (⭐5.4k) - React wrapper for Chart.js
- Victory (⭐10k) - A collection of composable React components for building interactive data visualizations
Jun 05, 2019
Free and Open Source Libraries
- lightweight-charts (⭐5.5k) - Financial lightweight charts built with HTML5 canvas
Nov 25, 2018
Free and Open Source Libraries
- Billboard.js - a fork of C3 that tracks D3 releases more closely.
Mar 05, 2018
Framework-Specific Libraries / React
- Potion - Low-level building blocks for constructing animated visualizations with React & D3.
Nov 08, 2016
Framework-Specific Libraries / Angular
- Angular-scale (⭐40) - Simple and lightweight library for creating line charts
Framework-Specific Libraries / jQuery
- JQuery-linechart (⭐42) - Simple and lightweight library for creating line charts
Sep 21, 2016
Framework-Specific Libraries / jQuery
- jqxChart - Plenty of chart types rendering in SVG, Canvas, and VML.
Apr 04, 2016
Free and Open Source Libraries
- Chartkick (⭐6k) - JavaScript charts with one line of Ruby.
- EJSChart (⭐34) - enterprise ready charting library.
- Graphosaurus (⭐361) - 3D graph viewer powered by WebGL (three.js)
- Smoothie Charts (⭐2.2k) - JavaScript charts for realtime streaming data.
- uvCharts - JavaScript Charting library built using d3.js
Mar 11, 2016
Free and Open Source Libraries
- vis.js - Network diagrams, descriptive timelines with labels, and has 3D graphs.
Framework-Specific Libraries / React
- recharts - Redefined chart library built with React and D3
Mar 07, 2016
Free and Open Source Libraries
- Morris.js - Simple API to render line, bar, area, and donut charts
Framework-Specific Libraries / Angular
- Angular-Chart- Simple API to render line, bar, area, and donut charts
Framework-Specific Libraries / jQuery
- jqPlot - Open source jQuery plugin for drawing charts. Contains many commonly used features but may use different naming conventions for these items.
Framework-Specific Libraries / React
- react-vis (⭐8.4k) - A collection of React components to render common data visualization charts
Mar 06, 2016
Commercial Libraries
- AnyChart - Set of products for charting different types of data. Has a special Oracle Apex integration option.
Free and Open Source Libraries
- Chartist - Simple, lightweight chart library that uses SVG to render the chart, and CSS to style it.
- ECharts (⭐53k) - A powerful charting and visualization library for browser.
Data Visualization Resources / React
- The Functional Art - Noted data visualization author and professor Aberto Cairo's blog on dataviz trends and best practices.
Mar 05, 2016
Free and Open Source Libraries
- C3.js - D3 based reusable chart library.
- Plotly (⭐15k) - Built on top of d3 and stack.gl, allowing users to create basic charts and SVG maps.
Mar 02, 2016
Free and Open Source Libraries
- dc.js - D3 Library with crossfilter support
- sigma.js (⭐10k) - Graphs / Network diagram library built with canvas.
- TauCharts - Unique syntax that lets the developer describe the data using DSL. Has the ability to create facets.
Feb 19, 2016
Commercial Libraries
- amCharts - Three libraries for traditional charts, stock, and maps. Features a hand-drawn style theme option.
- CanvasJS - A tight set of chart types in a library with a small file size. Different looking default theme than other commercial libraries.
- FusionCharts - Charting library with a strong maps component.
- Highcharts - A series of charting libraries for a variety of uses. Can be compatible back to IE6.
- ZingChart - Built to render large data sets other libraries can't handle. Super customizable styling and new features added often. Everything in one modular library.
Free and Open Source Libraries
- Chart.js - Tiny library (11kb!) including core chart types.
- D3.js - Allows the user to manipulate documents based on data to render charts in SVG.
- dygraphs (⭐3k) - Interactive zoomable time series charts.
- Plottable (⭐2.9k) - Library with OOP style syntax to build charts.
- rgraph - 2D/3D javascript charts with google sheets import capabilites.
Free Libraries
- Google Charts - Maps are dialed in (of course) and some cool animation options. Extensive docs and use community (forum).
Framework-Specific Libraries / Angular
- n3-charts (⭐1.2k) - Easy to use library written with AngularJS, rendering charts with D3.
Framework-Specific Libraries / Ember
- Ember Charts - Five basic chart types ready to go in Ember.js projects.
Framework-Specific Libraries / jQuery
- Flot - A JavaScript charting library for jQuery. Contains useful chart types but looks like it may no longer be in active development.
Framework-Specific Libraries / React
- react-d3 (⭐1.8k) - Charting library that relies on React for generating SVG markup and d3 to calculate path values.
Data Visualization Resources / React
- Dataviz Catalogue - A place to go when you're wondering which chart type is best. A project by Severino Ribecca.
- Evergreen Data - Information and opinions on presenting data more effectively.
- Flowing Data - A resource on maps, visualizations, stats, and design by Nathan Yau, formerly of the New York Times.
- Junk Charts - Dataviz critic (and Columbia professor) Kaiser Fung breaks down data visualizations to identify what is wrong and recommends ways to make them better.
- Visualizing Data - Dataviz consultant Andy Kirk compiles examples, resources, and reference materials on the subject of charting and visualization.
- Well Formed Data - Thought pieces on information visualization and design by Moritz Stefaner previously of the World Economic Forum.