106 lines
16 KiB
Plaintext
106 lines
16 KiB
Plaintext
|
||
|
||
|
||
[38;5;12mA[39m[38;5;12m [39m[38;5;12mcurated[39m[38;5;12m [39m[38;5;12mlist[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mchart[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mdataviz[39m[38;5;12m [39m[38;5;12mresources[39m[38;5;12m [39m[38;5;12mthat[39m[38;5;12m [39m[38;5;12mdevelopers[39m[38;5;12m [39m[38;5;12mmay[39m[38;5;12m [39m[38;5;12mfind[39m[38;5;12m [39m[38;5;12museful.[39m[38;5;12m [39m[38;5;12mFocused[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mrelevant[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mcurrently[39m[38;5;12m [39m[38;5;12mactive[39m[38;5;12m [39m[38;5;12mJavaScript[39m[38;5;12m [39m[38;5;12mcharting[39m[38;5;12m [39m[38;5;12mlibraries[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12mdifferent[39m[38;5;12m [39m[38;5;12muse[39m[38;5;12m [39m[38;5;12mcases.[39m[38;5;12m [39m[38;5;12mOrdered[39m[38;5;12m [39m[38;5;12malphabetically[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12meach[39m[38;5;12m [39m
|
||
[38;5;12mcategory.[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 [39m[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
|