/awesome-charting

A curated list of chart and dataviz resources that developers may find useful.

MIT LicenseMIT

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.

Awesome Build Status

Table of Contents


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.
  • 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

  • C3.js - D3 based reusable chart library.
  • Chart.js - Tiny library (11kb!) including core chart types.
  • Chartist - Simple, lightweight chart library that uses SVG to render the chart, and CSS to style it.
  • D3.js - Allows the user to manipulate documents based on data to render charts in SVG.
  • dc.js - D3 Library with crossfilter support
  • dygraphs - Interactive zoomable time series charts.
  • ECharts - A powerful charting and visualization library for browser.
  • Morris.js - Simple API to render line, bar, area, and donut charts
  • Plotly - Built on top of d3 and stack.gl, allowing users to create basic charts and SVG maps.
  • Plottable - Library with OOP style syntax to build charts.
  • rgraph - 2D/3D javascript charts with google sheets import capabilites.
  • sigma.js - 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.

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 - Easy to use library written with AngularJS, rendering charts with D3.

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.

React

  • react-d3 - Charting library that relies on React for generating SVG markup and d3 to calculate path values.

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.