Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zingchart/awesome-charting

A curated list of the best charting and dataviz resources that developers may find useful, including the best JavaScript charting libraries
https://github.com/zingchart/awesome-charting

List: awesome-charting

awesome-list charts commercial javascript open-source

Last synced: 2 months ago
JSON representation

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

Awesome Lists containing this project

README 

        

awesome



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 



[![ZingChart](https://github.com/zingchart/awesome-charting/blob/assets/assets/zingchart-logo-full-color.svg?raw=true)](https://www.zingchart.com)



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



[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) [![Build Status](https://travis-ci.org/zingchart/awesome-charting.svg?branch=master)](https://travis-ci.org/zingchart/awesome-charting)



**Table of Contents**

*  [Commercial Libraries](#commercial-libraries)

*  [Free and Open Source Libraries](#free-and-open-source-libraries)

*  [Free Libraries](#free-libraries)

*  [Framework-Specific Libraries](#framework-specific-libraries)

*  [Data Visualization Resources](#data-visualization-resources)



## Commercial Libraries

* [amCharts](https://www.amcharts.com/) - Three libraries for traditional charts, stock, and maps. Features a hand-drawn style theme option.

* [AnyChart](http://www.anychart.com/) - Set of products for charting different types of data. Has a special Oracle Apex integration option.

* [CanvasJS](http://canvasjs.com/) - A tight set of chart types in a library with a small file size. Different looking default theme than other commercial libraries.

* [FusionCharts](http://www.fusioncharts.com/) - Charting library with a strong maps component.

* [Highcharts](http://www.highcharts.com/) - A series of charting libraries for a variety of uses. Can be compatible back to IE6.

* [JSCharting](https://JSCharting.com/) - Integrated suite of charting libraries with traditional charts types plus maps, stock, Gantt, grid and org charts in one package.

* [Kendo UI](https://www.telerik.com/kendo-ui) - Premium charting library with native UI components available for Angular, React, and Vue.

* [ZingChart](http://www.zingchart.com) - 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](https://github.com/apexcharts/apexcharts.js) - A JavaScript Chart Library with simple API.

* [Billboard.js](https://naver.github.io/billboard.js/) - a fork of C3 that tracks D3 releases more closely.

* [C3.js](http://c3js.org/) - D3 based reusable chart library.

* [Chart.js](http://www.chartjs.org/) - Tiny library (11kb!) including core chart types.

* [Charts.css](https://chartscss.org/) - CSS data visualization framework.

* [Chartist](https://gionkunz.github.io/chartist-js/) - Simple, lightweight chart library that uses SVG to render the chart, and CSS to style it.

* [Chartkick](https://github.com/ankane/chartkick) - JavaScript charts with one line of Ruby.

* [D3.js](https://d3js.org/) - Allows the user to manipulate documents based on data to render charts in SVG.

* [dc.js](https://dc-js.github.io/dc.js/) - D3 Library with [crossfilter](http://square.github.io/crossfilter/) support

* [dygraphs](https://github.com/danvk/dygraphs) - Interactive zoomable time series charts.

* [ECharts](https://github.com/ecomfe/echarts) - A powerful charting and visualization library for browser.

* [EJSChart](https://github.com/EmpriseCorporation/EJSCharts) - enterprise ready charting library.

* [Graphosaurus](https://github.com/frewsxcv/graphosaurus) - 3D graph viewer powered by WebGL (three.js)

* [lightweight-charts](https://github.com/tradingview/lightweight-charts) - Financial lightweight charts built with HTML5 canvas

* [Morris.js](http://morrisjs.github.io/morris.js) - Simple API to render line, bar, area, and donut charts

* [Plotly](https://github.com/plotly/plotly.js) - Built on top of d3 and stack.gl, allowing users to create basic charts and SVG maps.

* [Plottable](https://github.com/palantir/plottable) - Library with OOP style syntax to build charts.

* [QuickChart](https://github.com/typpo/quickchart) - Web API that renders static chart images.

* [rgraph](http://www.rgraph.net/) - 2D/3D javascript charts with google sheets import capabilites.

* [sigma.js](https://github.com/jacomyal/sigma.js) - Graphs / Network diagram library built with canvas.

* [Smoothie Charts](https://github.com/joewalnes/smoothie) - JavaScript charts for realtime streaming data.

* [TauCharts](https://www.taucharts.com/) - Unique syntax that lets the developer describe the data using DSL. Has the ability to create facets.

* [μPlot](https://github.com/leeoniya/uPlot) - A small (< 25 KB min), fast chart for time series, lines, areas, ohlc & bars.

* [uvCharts](https://github.com/imaginea/uvCharts) - JavaScript Charting library built using d3.js

* [vis.js](http://visjs.org/) - Network diagrams, descriptive timelines with labels, and has 3D graphs.

* [reaviz](https://reaviz.io) - Modular chart component library for React.

* [reaflow](https://reaflow.dev) - Modular diagram engine for build static or interactive editors. 



## Free Libraries

* [Google Charts](https://developers.google.com/chart/) - Maps are dialed in (of course) and some cool animation options. Extensive docs and use community (forum).



## Framework-Specific Libraries

### Angular

* [Angular-Chart](http://jtblin.github.io/angular-chart.js)- Simple API to render line, bar, area, and donut charts

* [n3-charts](https://github.com/n3-charts/line-chart) - Easy to use library written with AngularJS, rendering charts with D3.

* [Angular-scale](https://github.com/kirillstepkin/scale) - Simple and lightweight library for creating line charts



### Ember

* [Ember Charts](http://addepar.github.io/ember-charts/#/overview) - Five basic chart types ready to go in Ember.js projects.



### jQuery

* [Flot](http://www.flotcharts.org/) - A JavaScript charting library for jQuery. Contains useful chart types but looks like it may no longer be in active development.

* [jqPlot](http://www.jqplot.com) - Open source jQuery plugin for drawing charts. Contains many commonly used features but may use different naming conventions for these items.

* [jqxChart](http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxchart/jquery-chart-getting-started.htm) - Plenty of chart types rendering in SVG, Canvas, and VML.

* [JQuery-linechart](https://github.com/kirillstepkin/jquery-linechart) - Simple and lightweight library for creating line charts



### Lit-html

* [lit-line](https://github.com/apinet/lit-line) - {fast, small, interactive, fully responsive} Line Chart web component build on top of lit-html.



### React

* [nivo](https://github.com/plouc/nivo) - React components to easily build dataviz apps, built on top of D3.

* [react-vis](https://github.com/uber/react-vis) - a composable visualization system by Uber

* [vx](https://vx-demo.now.sh/) collection of reusable low-level visualization components, on top of d3

* [Potion](http://numberpicture.com/build) - Low-level building blocks for constructing animated visualizations with React & D3.

* [react-chart-js](https://github.com/jerairrest/react-chartjs-2) - React wrapper for Chart.js

* [react-d3](https://github.com/esbullington/react-d3) - Charting library that relies on React for generating SVG markup and d3 to calculate path values.

* [react-muze](https://github.com/chartshq/react-muze) - React wrapper for [muze](https://muzejs.org/) (free data visualization library for creating exploratory data visualizations in browser, using WebAssembly)

* [react-vis](https://github.com/uber-common/react-vis) - A collection of React components to render common data visualization charts

* [recharts](http://recharts.org) - Redefined chart library built with React and D3

* [Victory](https://github.com/FormidableLabs/victory) - A collection of composable React components for building interactive data visualizations



## Data Visualization Resources

* [Dataviz Catalogue](http://datavizcatalogue.com) - A place to go when you're wondering which chart type is best. A project by Severino Ribecca.

* [Evergreen Data](http://stephanieevergreen.com) - Information and opinions on presenting data more effectively.

* [Flowing Data](http://flowingdata.com) - A resource on maps, visualizations, stats, and design by Nathan Yau, formerly of the New York Times.

* [Junk Charts](http://junkcharts.typepad.com) - 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](http://www.thefunctionalart.com) - Noted data visualization author and professor Aberto Cairo's blog on dataviz trends and best practices.

* [Visualizing Data](http://www.visualisingdata.com) - Dataviz consultant Andy Kirk compiles examples, resources, and reference materials on the subject of charting and visualization.

* [Well Formed Data](http://well-formed-data.net/archives/1210/little-boxes) - Thought pieces on information visualization and design by Moritz Stefaner previously of the World Economic Forum.