


[38;5;12mA 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.[39m

[48;2;30;30;40m[38;5;13m[3mInspired by the  thing.[0m


[38;5;12mBrought to you by [39m

[38;5;14m[1m![0m[38;5;12mZingChart[39m[38;5;14m[1m (https://github.com/zingchart/awesome-charting/blob/assets/assets/zingchart-logo-full-color.svg?raw=true)[0m[38;5;12m (https://www.zingchart.com)[39m

[38;5;12mA declarative, efficient, and simple JavaScript library for building responsive charts[39m

[38;5;14m[1m![0m[38;5;12mAwesome[39m[38;5;14m[1m [0m[38;5;14m[1m(https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)[0m[38;5;12m [39m[38;5;12m(https://github.com/sindresorhus/awesome)[39m[38;5;12m [39m[38;5;14m[1m![0m[38;5;12mBuild[39m[38;5;12m [39m[38;5;12mStatus[39m[38;5;14m[1m [0m[38;5;14m[1m(https://travis-ci.org/zingchart/awesome-charting.svg?branch=master)[0m
[38;5;12m(https://travis-ci.org/zingchart/awesome-charting)[39m

[38;5;14m[1mTable of Contents[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;12m [39m[38;5;14m[1mCommercial Libraries[0m[38;5;12m (#commercial-libraries)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;12m [39m[38;5;14m[1mFree and Open Source Libraries[0m[38;5;12m (#free-and-open-source-libraries)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;12m [39m[38;5;14m[1mFree Libraries[0m[38;5;12m (#free-libraries)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;12m [39m[38;5;14m[1mFramework-Specific Libraries[0m[38;5;12m (#framework-specific-libraries)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;12m [39m[38;5;14m[1mData Visualization Resources[0m[38;5;12m (#data-visualization-resources)[39m

[38;2;255;187;0m[4mCommercial Libraries[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mamCharts[0m[38;5;12m (https://www.amcharts.com/) - Three libraries for traditional charts, stock, and maps. Features a hand-drawn style theme option.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mAnyChart[0m[38;5;12m (http://www.anychart.com/) - Set of products for charting different types of data. Has a special Oracle Apex integration option.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCanvasJS[0m[38;5;12m (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.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFusionCharts[0m[38;5;12m (http://www.fusioncharts.com/) - Charting library with a strong maps component.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mHighcharts[0m[38;5;12m (http://www.highcharts.com/) - A series of charting libraries for a variety of uses. Can be compatible back to IE6.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mJSCharting[0m[38;5;12m (https://JSCharting.com/) - Integrated suite of charting libraries with traditional charts types plus maps, stock, Gantt, grid and org charts in one package.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mKendo UI[0m[38;5;12m (https://www.telerik.com/kendo-ui) - Premium charting library with native UI components available for Angular, React, and Vue.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mZingChart[0m[38;5;12m (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.[39m

[38;2;255;187;0m[4mFree and Open Source Libraries[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mapexcharts.js[0m[38;5;12m (https://github.com/apexcharts/apexcharts.js) - A JavaScript Chart Library with simple API.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mBillboard.js[0m[38;5;12m (https://naver.github.io/billboard.js/) - a fork of C3 that tracks D3 releases more closely.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mC3.js[0m[38;5;12m (http://c3js.org/) - D3 based reusable chart library.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mChart.js[0m[38;5;12m (http://www.chartjs.org/) - Tiny library (11kb!) including core chart types.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCharts.css[0m[38;5;12m (https://chartscss.org/) - CSS data visualization framework.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mChartist[0m[38;5;12m (https://gionkunz.github.io/chartist-js/) - Simple, lightweight chart library that uses SVG to render the chart, and CSS to style it.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mChartkick[0m[38;5;12m (https://github.com/ankane/chartkick) - JavaScript charts with one line of Ruby.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mD3.js[0m[38;5;12m (https://d3js.org/) - Allows the user to manipulate documents based on data to render charts in SVG.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mdc.js[0m[38;5;12m (https://dc-js.github.io/dc.js/) - D3 Library with [39m[38;5;14m[1mcrossfilter[0m[38;5;12m (http://square.github.io/crossfilter/) support[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mdygraphs[0m[38;5;12m (https://github.com/danvk/dygraphs) - Interactive zoomable time series charts.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mECharts[0m[38;5;12m (https://github.com/ecomfe/echarts) - A powerful charting and visualization library for browser.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mEJSChart[0m[38;5;12m (https://github.com/EmpriseCorporation/EJSCharts) - enterprise ready charting library.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGraphosaurus[0m[38;5;12m (https://github.com/frewsxcv/graphosaurus) - 3D graph viewer powered by WebGL (three.js)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mlightweight-charts[0m[38;5;12m (https://github.com/tradingview/lightweight-charts) - Financial lightweight charts built with HTML5 canvas[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMorris.js[0m[38;5;12m (http://morrisjs.github.io/morris.js) - Simple API to render line, bar, area, and donut charts[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPlotly[0m[38;5;12m (https://github.com/plotly/plotly.js) - Built on top of d3 and stack.gl, allowing users to create basic charts and SVG maps.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPlottable[0m[38;5;12m (https://github.com/palantir/plottable) - Library with OOP style syntax to build charts.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mQuickChart[0m[38;5;12m (https://github.com/typpo/quickchart) - Web API that renders static chart images.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mrgraph[0m[38;5;12m (http://www.rgraph.net/) - 2D/3D javascript charts with google sheets import capabilites.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1msigma.js[0m[38;5;12m (https://github.com/jacomyal/sigma.js) - Graphs / Network diagram library built with canvas.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSmoothie Charts[0m[38;5;12m (https://github.com/joewalnes/smoothie) - JavaScript charts for realtime streaming data.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTauCharts[0m[38;5;12m (https://www.taucharts.com/) - Unique syntax that lets the developer describe the data using DSL. Has the ability to create facets.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mμPlot[0m[38;5;12m (https://github.com/leeoniya/uPlot) - A small (< 25 KB min), fast chart for time series, lines, areas, ohlc & bars.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1muvCharts[0m[38;5;12m (https://github.com/imaginea/uvCharts) - JavaScript Charting library built using d3.js[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mvis.js[0m[38;5;12m (http://visjs.org/) - Network diagrams, descriptive timelines with labels, and has 3D graphs.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mreaviz[0m[38;5;12m (https://reaviz.io) - Modular chart component library for React.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mreaflow[0m[38;5;12m (https://reaflow.dev) - Modular diagram engine for build static or interactive editors. [39m

[38;2;255;187;0m[4mFree Libraries[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGoogle Charts[0m[38;5;12m (https://developers.google.com/chart/) - Maps are dialed in (of course) and some cool animation options. Extensive docs and use community (forum).[39m

[38;2;255;187;0m[4mFramework-Specific Libraries[0m
[38;2;255;187;0m[4mAngular[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mAngular-Chart[0m[38;5;12m (http://jtblin.github.io/angular-chart.js)- Simple API to render line, bar, area, and donut charts[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mn3-charts[0m[38;5;12m (https://github.com/n3-charts/line-chart) - Easy to use library written with AngularJS, rendering charts with D3.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mAngular-scale[0m[38;5;12m (https://github.com/kirillstepkin/scale) - Simple and lightweight library for creating line charts[39m

[38;2;255;187;0m[4mEmber[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mEmber Charts[0m[38;5;12m (http://addepar.github.io/ember-charts/#/overview) - Five basic chart types ready to go in Ember.js projects.[39m

[38;2;255;187;0m[4mjQuery[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFlot[0m[38;5;12m (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.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mjqPlot[0m[38;5;12m (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.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mjqxChart[0m[38;5;12m (http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxchart/jquery-chart-getting-started.htm) - Plenty of chart types rendering in SVG, Canvas, and VML.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mJQuery-linechart[0m[38;5;12m (https://github.com/kirillstepkin/jquery-linechart) - Simple and lightweight library for creating line charts[39m

[38;2;255;187;0m[4mLit-html[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mlit-line[0m[38;5;12m (https://github.com/apinet/lit-line) - {fast, small, interactive, fully responsive} Line Chart web component build on top of lit-html.[39m

[38;2;255;187;0m[4mReact[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mnivo[0m[38;5;12m (https://github.com/plouc/nivo) - React components to easily build dataviz apps, built on top of D3.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mreact-vis[0m[38;5;12m (https://github.com/uber/react-vis) - a composable visualization system by Uber[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mvx[0m[38;5;12m (https://vx-demo.now.sh/) collection of reusable low-level visualization components, on top of d3[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPotion[0m[38;5;12m (http://numberpicture.com/build) - Low-level building blocks for constructing animated visualizations with React & D3.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mreact-chart-js[0m[38;5;12m (https://github.com/jerairrest/react-chartjs-2) - React wrapper for Chart.js[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mreact-d3[0m[38;5;12m (https://github.com/esbullington/react-d3) - Charting library that relies on React for generating SVG markup and d3 to calculate path values.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mreact-muze[0m[38;5;12m (https://github.com/chartshq/react-muze) - React wrapper for [39m[38;5;14m[1mmuze[0m[38;5;12m (https://muzejs.org/) (free data visualization library for creating exploratory data visualizations in browser, using WebAssembly)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mreact-vis[0m[38;5;12m (https://github.com/uber-common/react-vis) - A collection of React components to render common data visualization charts[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mrecharts[0m[38;5;12m (http://recharts.org) - Redefined chart library built with React and D3[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mVictory[0m[38;5;12m (https://github.com/FormidableLabs/victory) - A collection of composable React components for building interactive data visualizations[39m

[38;2;255;187;0m[4mData Visualization Resources[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mDataviz Catalogue[0m[38;5;12m (http://datavizcatalogue.com) - A place to go when you're wondering which chart type is best. A project by Severino Ribecca.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mEvergreen Data[0m[38;5;12m (http://stephanieevergreen.com) - Information and opinions on presenting data more effectively.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFlowing Data[0m[38;5;12m (http://flowingdata.com) - A resource on maps, visualizations, stats, and design by Nathan Yau, formerly of the New York Times.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mJunk Charts[0m[38;5;12m (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.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mThe Functional Art[0m[38;5;12m (http://www.thefunctionalart.com) - Noted data visualization author and professor Aberto Cairo's blog on dataviz trends and best practices.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mVisualizing Data[0m[38;5;12m (http://www.visualisingdata.com) - Dataviz consultant Andy Kirk compiles examples, resources, and reference materials on the subject of charting and visualization.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWell Formed Data[0m[38;5;12m (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.[39m
