• Stars
    star
    1,858
  • Rank 24,963 (Top 0.5 %)
  • Language
  • License
    MIT License
  • Created over 8 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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

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

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.
  • 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 - 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 - 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 - Interactive zoomable time series charts.
  • ECharts - A powerful charting and visualization library for browser.
  • EJSChart - enterprise ready charting library.
  • Graphosaurus - 3D graph viewer powered by WebGL (three.js)
  • lightweight-charts - Financial lightweight charts built with HTML5 canvas
  • 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.
  • QuickChart - Web API that renders static chart images.
  • rgraph - 2D/3D javascript charts with google sheets import capabilites.
  • sigma.js - Graphs / Network diagram library built with canvas.
  • Smoothie Charts - 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 - 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 - Easy to use library written with AngularJS, rendering charts with D3.
  • Angular-scale - 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 - Simple and lightweight library for creating line charts

Lit-html

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

React

  • nivo - React components to easily build dataviz apps, built on top of D3.
  • react-vis - 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 - React wrapper for Chart.js
  • react-d3 - Charting library that relies on React for generating SVG markup and d3 to calculate path values.
  • react-muze - React wrapper for muze (free data visualization library for creating exploratory data visualizations in browser, using WebAssembly)
  • react-vis - A collection of React components to render common data visualization charts
  • recharts - Redefined chart library built with React and D3
  • Victory - 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.

More Repositories

1

zingtouch

A JavaScript touch gesture detection library for the modern web
JavaScript
2,120
star
2

ZingChart

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

zingchart-react

Quickly create dynamic JavaScript charts with ZingChart & React.
JavaScript
90
star
4

ZingChart-AngularJS

ZingChart AngularJS Directive
JavaScript
80
star
5

ZingChart-jQuery

Easy ZingChart manipulation and interactivity for jQuery users.
JavaScript
45
star
6

ZingChart-PHP

Wrapper for ZingChart for easy chart manipulation and interactivity for PHP users.
PHP
43
star
7

zingchart-vue

A Vue component to create charts with ZingChart
Vue
24
star
8

ZingChart-Backbone

Turn simple Models and Views into snazzy charts with our Backbone extension for ZingChart
JavaScript
20
star
9

ZingChart-Demos

A collection of tutorials and demos for using ZingChart. Clone, fork, and get started with the best Javascript charting library.
18
star
10

ZingChart-Ember

A ZingChart component for Ember CLI
JavaScript
18
star
11

gitbook-plugin-code-editor

Plugin for Gitbook that displays and runs code from external file. Code is displayed in an Ace editor.
JavaScript
13
star
12

zingchart-locale

This repository contains example locale variables you can include in your ZingChart library. This mostly affects native text in features like context menu text.
JavaScript
6
star
13

google-spreadsheet-plugin

Module to import data from your Google Spreadsheet into ZingChart.
JavaScript
4
star
14

gitbook-plugin-zingchart

ZingChart plugin for Gitbook
JavaScript
2
star
15

selection-tool

Open Source Module to drag and select nodes.
2
star
16

zingchart-web-component

A web component wrapper for ZingChart
JavaScript
1
star
17

export-server

A headless chrome puppeteer export server to generate chart images.
JavaScript
1
star
18

zingchart-angular

Quickly create dynamic JavaScript charts with ZingChart & Angular.
TypeScript
1
star