104 lines
9.1 KiB
Plaintext
104 lines
9.1 KiB
Plaintext
|
|
<img src="https://cdn.rawgit.com/zingchart/awesome-charting/media/assets/awesome-charting.svg" alt="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 <a href="https://github.com/sindresorhus/awesome">Awesome</a> thing.*
|
|
|
|
|
|
Brought to you by
|
|
|
|
[](https://www.zingchart.com)
|
|
|
|
A declarative, efficient, and simple JavaScript library for building responsive charts
|
|
|
|
[](https://github.com/sindresorhus/awesome) [](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.
|