Awesome Charting Overview

A curated list of the best charting and dataviz resources that developers may find useful, including the best JavaScript charting libraries

🏠 Home · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 zingchart/awesome-charting · ⭐ 1.8K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

A curated list of chart and dataviz resources that developers may find useful. Focused on relevant and currently active JavaScript charting libraries for different use cases. Ordered alphabetically in each category.

Inspired by the Awesome thing.

Brought to you by

A declarative, efficient, and simple JavaScript library for building responsive charts

Table of Contents

• Commercial Libraries
• Free and Open Source Libraries
• Free Libraries
• Framework-Specific Libraries
• Data Visualization Resources

Commercial Libraries

• amCharts - Three libraries for traditional charts, stock, and maps. Features a hand-drawn style theme option.
• AnyChart - Set of products for charting different types of data. Has a special Oracle Apex integration 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.
• JSCharting - Integrated suite of charting libraries with traditional charts types plus maps, stock, Gantt, grid and org charts in one package.
• Kendo UI - Premium charting library with native UI components available for Angular, React, and Vue.
• 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

• apexcharts.js (⭐12k) - A JavaScript Chart Library with simple API.
• Billboard.js - a fork of C3 that tracks D3 releases more closely.
• C3.js - D3 based reusable chart library.
• Chart.js - Tiny library (11kb!) including core chart types.
• Charts.css - CSS data visualization framework.
• Chartist - Simple, lightweight chart library that uses SVG to render the chart, and CSS to style it.
• Chartkick (⭐6k) - JavaScript charts with one line of Ruby.
• D3.js - Allows the user to manipulate documents based on data to render charts in SVG.
• dc.js - D3 Library with crossfilter support
• dygraphs (⭐3k) - Interactive zoomable time series charts.
• ECharts (⭐53k) - A powerful charting and visualization library for browser.
• EJSChart (⭐34) - enterprise ready charting library.
• Graphosaurus (⭐361) - 3D graph viewer powered by WebGL (three.js)
• lightweight-charts (⭐5.5k) - Financial lightweight charts built with HTML5 canvas
• Morris.js - Simple API to render line, bar, area, and donut charts
• Plotly (⭐15k) - Built on top of d3 and stack.gl, allowing users to create basic charts and SVG maps.
• Plottable (⭐2.9k) - Library with OOP style syntax to build charts.
• QuickChart (⭐1.3k) - Web API that renders static chart images.
• rgraph - 2D/3D javascript charts with google sheets import capabilites.
• sigma.js (⭐10k) - Graphs / Network diagram library built with canvas.
• Smoothie Charts (⭐2.2k) - JavaScript charts for realtime streaming data.
• TauCharts - Unique syntax that lets the developer describe the data using DSL. Has the ability to create facets.
• μPlot (⭐7.4k) - A small (< 25 KB min), fast chart for time series, lines, areas, ohlc & bars.
• uvCharts - JavaScript Charting library built using d3.js
• vis.js - Network diagrams, descriptive timelines with labels, and has 3D graphs.
• reaviz - Modular chart component library for React.
• reaflow - Modular diagram engine for build static or interactive editors.

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

• Angular-Chart- Simple API to render line, bar, area, and donut charts
• n3-charts (⭐1.2k) - Easy to use library written with AngularJS, rendering charts with D3.
• Angular-scale (⭐40) - Simple and lightweight library for creating line charts

Ember

• Ember Charts - Five basic chart types ready to go in Ember.js projects.

jQuery

• Flot - A JavaScript charting library for jQuery. Contains useful chart types but looks like it may no longer be in active development.
• jqPlot - Open source jQuery plugin for drawing charts. Contains many commonly used features but may use different naming conventions for these items.
• jqxChart - Plenty of chart types rendering in SVG, Canvas, and VML.
• JQuery-linechart (⭐42) - Simple and lightweight library for creating line charts

Lit-html

• lit-line (⭐13) - {fast, small, interactive, fully responsive} Line Chart web component build on top of lit-html.

React

• nivo (⭐11k) - React components to easily build dataviz apps, built on top of D3.
• react-vis (⭐8.4k) - a composable visualization system by Uber
• vx collection of reusable low-level visualization components, on top of d3
• Potion - Low-level building blocks for constructing animated visualizations with React & D3.
• react-chart-js (⭐5.4k) - React wrapper for Chart.js
• react-d3 (⭐1.8k) - Charting library that relies on React for generating SVG markup and d3 to calculate path values.
• react-muze (⭐15) - React wrapper for muze (free data visualization library for creating exploratory data visualizations in browser, using WebAssembly)
• react-vis (⭐8.4k) - A collection of React components to render common data visualization charts
• recharts - Redefined chart library built with React and D3
• Victory (⭐10k) - A collection of composable React components for building interactive data visualizations

Data Visualization Resources

• 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.
• The Functional Art - Noted data visualization author and professor Aberto Cairo's blog on dataviz trends and best practices.
• 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.