10 JavaScript Libraries For Interactive Graphs And Charts

As we know Graphs and Charts are very useful in displaying data visually rather than displaying data in tables. So here are some best Javascript libraries that you can use to draw charts and graphs on a webpage.

c3js

c3 is a D3-based reusable chart library that enables deeper integration of charts into web applications.

c3-3

d3pie

d3pie is a simple, highly configurable script built on d3.js for creating simple, attractive pie charts. It’s free, open source, and found on github.

d3pie-1

Chartist.js

Chartist.js is a simple responsive charting library built with SVG.

chartis-2

Vis.js

Vis.js is a dynamic, browser based visualization library. The library is designed to be easy to use, handle large amounts of dynamic data, and enable manipulation of the data.

visjs-4

Chart.js

Simple HTML5 Charts using the canvas element.

chartjs-6

CanvasJS

An easy to use HTML5 JavaScript Charting library built on Canvas element.

canvasjs-5

MetricsGraphics.js

MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive way. The library currently supports line charts, scatterplots and histograms as well as features like rug plots and basic linear regression.

metricgraphicjs-7

ECharts

ECharts is a most impressive tool for data visualization: it’s fully open-source, it’s sophisticated-yet-flexible, and it keeps abreast of the era of ‘big data’!

echart-8

Rickshaw

Rickshaw is a JavaScript toolkit for creating interactive time series graphs.

rickshaw-9

Cubism.js

Cubism.js is a D3 plugin for visualizing time series. Use Cubism to construct better realtime dashboards, pulling data from Graphite, Cube and other sources.

cubism-10


6 Comments

  1. whateversays:

    Encourage you to correct the typo regarding “c3js” (d3js?)

    • Chloesays:

      c3js and d3js are different libraries 🙂

      • whateversays:

        Thanks, I was (am still) confused by this:
        > c3 is a D3-based reusable chart library

        I guess I have some research to do

  2. Chloesays:

    Surprised to see so many of the major players missing from this list! http://www.amcharts.com, http://www.highcharts.com, http://www.zingchart.com, just to name a few.

  3. how can you for forget to mention this site http://www.fusioncharts.com/

  4. Andrey Khachaturovsays:

    In addition to the other suggestions, I guess AnyChart should be listed here, too: http://www.anychart.com. It is a global leader in interactive data visualization, with robust, flexible, cross-platform and cross-browser JavaScript (HTML5) libraries for charts and dashboards, stock (date/time) graphs, maps, and Gantt charts.

Leave a comment

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