Libx Awesome Lists

    On this page

    Awesome Charting

    A curated collection of resources and projects focused on Charting.

    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.