30 Best Javascript Chart & Graph Libraries & Tools

Data visualization is an important part of website these days. So if you are looking for data visualization solutions, here are some Best Javascript Chart & Graph Libraries & Tools to help you present your information in a simple and easy-to-understand manner that allows your audience to focus on more important information.

Vizzu

Vizzu is a free, open-source Javascript/C++ library utilizing a generic dataviz engine that generates many types of charts and seamlessly animates between them. It can be used to create static charts but more importantly, it is designed for building animated data stories and interactive explorers as Vizzu enables showing different perspectives of the data that the viewers can easily follow due to the animation.

Vizzu


Sigma.js

JavaScript library dedicated to graph drawing. It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications.

Sigma.js


Incubator Echarts

This is a free, powerful charting and visualization library offering an easy way of adding intuitive, interactive, and highly customizable charts to your commercial products. It is written in pure JavaScript and based on zrender, which is a whole new lightweight canvas library.

Incubator Echarts


Frappe

GitHub-inspired simple and modern SVG charts for the web with zero dependencies.

Frappe


Chartli

Plugins that enables you to create interactive charts and graphs. It provides you 9 varieties of chart like line chart, area chart, bar chart etc.

 Chartli - Interactive Chart


Plotly.js

Built on top of d3.js and stack.gl, plotly.js is a high-level, declarative charting library. plotly.js ships with over 40 chart types, including scientific charts, 3D graphs, statistical charts, SVG maps, financial charts, and more.

Plotly.js


Apexcharts.js

A modern JavaScript charting library to build interactive charts and visualizations with simple API.

Apexcharts.js


Britecharts

Client-side reusable Charting Library based on D3.js v5 that allows easy and intuitive use of charts and components that can be composed together creating amazing visualizations.

Britecharts


Rickshaw

JavaScript toolkit for creating interactive time series graphs. It is a simple framework for drawing charts of time series data on a web page, built on top of the D3 library. The charts can be powered by static historical data sets, or living data that continuously updates in real time.

Rickshaw


Dygraphs

Interactive visualizations of time series using JavaScript and the HTML canvas tag.

dygraphs


Zeu

It is JavaScript library featuring a collection of prebuilt visualization components for building real-time TV dashboard, monitoring UI and IoT web interface.

Zeu


xcharts

xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.

xcharts


dc.js

It leverages d3 engine to render charts in css friendly svg format. Charts rendered using dc.js are naturally data driven and reactive therefore providing instant feedback on user’s interaction. The main objective of this project is to provide an easy yet powerful javascript library which can be utilized to perform data visualization and analysis in browser as well as on mobile device.

dc.js


Dracula.js

set of tools to display and layout interactive graphs, along with various related algorithms.

Graph Dracula


linkurious.js

A Javascript toolkit to speed up the development of graph visualization and interaction applications.

linkurious.js


Chartbuilder

Chartbuilder is a front-end charting application that facilitates easy creation of simple beautiful charts.

Chartbuilder


Charted

A charting tool that produces automatic, shareable charts from any data file.

Charted


Grafikon

Grafikon is a JQuery Chart Plugin, that gives you the possibility to create your own unique chart with full customization.

 Grafikon


jQuery Graphs Plugin

Don’t waste time on adjusting width or width and height of bars for your chart. Use this Graph Plugin,Just add data of your columns and Your graph is ready!

 jQuery Graphs Plugin


Flot

Pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.

flot


Easy pie chart

Lightweight plugin to draw simple, animated pie charts for single values.

Easy pie chart


Pizza Pie Charts

Deliver pie charts to any device with Pizza. Your pie will be steaming hot with SVG so that it looks good on retina devices and HiDPI devices. And the pie will fit the width of your box — um, container — or can be given a max-width or max-height.

Pizza Pie Charts


jqplot

jqPlot is a plotting and charting plugin built on top of jQuery. The grid, axes, shadows etc are all computed and rendered by plugins. It supports custom event handlers, creation of new plot types, adding canvases to the plot and many more features.

jqplot


TufteGraph

Tufte Graph allows developers to create great-looking charts and graphs using jQuery. Make pretty graphs with Javascript and jQuery. Configuration is done through the use of dynamic functions, allowing for a compact API. Additionally, non-core layout is achieved via CSS rather than code.

TufteGraph


Specificity Graph

Generate an interactive line graph showing the specificity in your stylesheet. Uses d3, css-parser, and specificity.

Specificity Graph


Chart.js

Simple, clean and engaging HTML5 based JavaScript charts. Chart.js is an easy way to include animated, interactive graphs on your website for free.

Chart.js


n3-line-chart

n3-line-chart is an easy-to-use JavaScript library for creating beautiful charts in AngularJS applications and it is built on top of D3.js.

n3-line-chart


Chartist

Chartist was developed for a very particular need: to create simple responsive charts. While other charting libraries do a great job of visualizing data, something is always missing to satisfy this simple yet demanding need.

Chartist


Chartkick.js

Create beautiful JavaScript charts with minimal code.

Chartkick.js


Taucharts

Data-focused javascript charting library based on D3.

Taucharts


VivaGraphJS

VivaGraphJS is a free graph drawing library for JavaScript. It is designed to be extensible and to support different rendering engines and layout algorithms. At the moment it supports rendering graphs using WebGL, SVG or CSS formats.

VivaGraphJS


InfoVis Toolkit

The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.

InfoVis Toolkit


2 Comments

  1. Wow, what a list. There are some interesting and unique features covered with these libraries.

    My coworkers and I work on ZingChart (http://www.zingchart.com) and we think it is one of the best JavaScript chart libraries on the market. Henri, we’d be pleased if you checked it out! 🙂

  2. Andrey Khachaturovsays:

    Thanks for this great list! I am hardly familiar with some of the libraries you mentioned, so now it is time for me to see what they really are… I believe AnyChart JavaScript/HTML5 charting framework with JS libraries for charts, maps, stock graphs and Gantt charts also deserves your attention since it is one of a few best and most comprehensive data visualization solutions nowadays: http://www.anychart.com.

  3. Check out JSCharting (https://jscharting.com) we have put a lot of effort into an intuitive API so developers write less code and get the job done sooner with stunning results. Also, all the chart types are included, so no separate purchase needed for maps, gantt, stock etc. When you need to use a new type down the road, JSC’s 150+ chart types have your back!

  4. Checkout this amazing JS charting library https://www.arction.com/lightningchart-js-interactive-examples/
    LightningChart JS comes with an unmatched execution performance.
    GPU acceleration & WebGL rendering ensure that your device’s graphics processor is utilized efficiently,
    which results in high refresh rates and smooth animations.
    Performance is up to 10M+ of data points in real-time. In recent line chart comparison tests,
    none of the competitors got even close to LightningChart performance level.
    In Dashboard cell resizing LC is an industry superlative: Rendering dozens or even 100+ charts simultaneously.
    Learn more about LightningChart JS performance levels by running our performance demo.
    It allows running the online test with any device, and instructions are included.
    It have various interactive example collection.
    Interactive Examples is an easy-to-use exploration tool to help you get started quickly with the most important concepts.
    In here you can search, view and edit charts on-the-fly.

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.