Top JavaScript Charting Libraries

Filters

Top 5 Projects Compared

Chart.js
66,611

Chart.js is a popular open-source JavaScript library for creating responsive and customizable charts and graphs.

Code Example

const ctx = document.getElementById('myChart').getContext('2d');
new Chart(ctx, {
    type: 'bar',
    data: { labels: ['A', 'B', 'C'], datasets: [{ data: [1, 2, 3] }] }
});

Pros

Easy to use with a simple API and extensive documentation
Lightweight and performant compared to many alternatives
Highly customizable with a wide range of chart types and options

Cons

Limited advanced features compared to more complex libraries like Highcharts
Less suitable for large datasets or real-time updates than some alternatives
Fewer built-in chart types compared to libraries like ApexCharts or ECharts

recharts
26,025

Recharts is a composable charting library built on React components.

Code Example

import { LineChart, Line, XAxis, YAxis } from 'recharts';
const data = [{ name: 'A', value: 10 }, { name: 'B', value: 20 }];
<LineChart data={data}><XAxis dataKey="name" /><YAxis /><Line dataKey="value" /></LineChart>

Pros

Seamless integration with React applications
Highly customizable and flexible chart components
Good performance due to its use of SVG elements

Cons

Limited to React ecosystem, not suitable for non-React projects
Fewer chart types compared to some alternatives like Chart.js or Highcharts
Learning curve can be steeper for developers new to React concepts

dash
24,140

Plotly Dash is a Python framework for building analytical web applications with interactive visualizations.

Code Example

import dash
import dash_core_components as dcc
import dash_html_components as html
app = dash.Dash(__name__)
app.layout = html.Div([dcc.Graph(id='example-graph')])

Pros

Integrates seamlessly with Plotly.js for powerful, interactive visualizations
Allows for creation of full-stack web applications with Python only
Offers a wide range of pre-built components for rapid development

Cons

Steeper learning curve compared to simpler charting libraries like Chart.js
Performance can be slower for large datasets compared to lightweight alternatives
Less flexible for custom designs compared to lower-level libraries like D3.js

plotly.js
17,880

Plotly.js is a powerful JavaScript charting library that creates interactive, publication-quality graphs and charts for web applications.

Code Example

var data = [{x: [1, 2, 3], y: [2, 6, 3], type: 'scatter'}];
var layout = {title: 'Simple Scatter Plot'};
Plotly.newPlot('myDiv', data, layout);

Pros

Offers a wide range of chart types and customization options, surpassing many other libraries in versatility.
Provides excellent interactivity features, including zooming, panning, and hover tooltips out-of-the-box.
Supports both 2D and 3D visualizations, setting it apart from libraries like Chart.js or Recharts.

Cons

Has a larger file size compared to lightweight alternatives like Chart.js, potentially impacting page load times.
Steeper learning curve due to its extensive API, making it less beginner-friendly than simpler libraries like Chartist.
While free for open-source use, commercial use requires a license, unlike some fully open-source alternatives.

charts
15,059

Frappe Charts is a lightweight, modern, and interactive charting library for web applications.

Code Example

const chart = new frappe.Chart("#chart", {
  data: { labels: ["A", "B", "C"], datasets: [{ values: [18, 40, 30] }] },
  type: 'bar'
});

Pros

Simple and easy to use, with a clean API and minimal configuration required
Supports SVG-based rendering, resulting in crisp and responsive charts
Includes built-in themes and customization options for a polished look

Cons

Limited chart types compared to more comprehensive libraries like Chart.js or Highcharts
Lacks advanced features such as real-time updates or complex data visualization options
Smaller community and ecosystem compared to more established charting libraries

All Top Projects

Chart.js

66,611

Simple HTML5 Charts using the <canvas> tag

recharts

26,025

Redefined chart library built with React and D3

dash

24,140

Data Apps & Dashboards for Python. No JavaScript Required.

plotly.js

17,880

Open-source JavaScript charting library behind Plotly and Dash

charts

15,059

Simple, responsive, modern SVG Charts with zero dependencies

apexcharts.js

14,860

📊 Interactive JavaScript Charts built on SVG

ag-grid

14,559

The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.

chartist

13,389

Simple responsive charts

lightweight-charts

12,599

Performant financial charts built with HTML5 canvas

highcharts

12,348

Highcharts JS, the JavaScript charting framework

LogicFlow

10,666

A flow chart editing framework focus on business customization. 专注于业务自定义的流程图编辑框架，支持实现脑图、ER图、UML、工作流等各种图编辑场景。

flowchart.js

8,679

Draws simple SVG flow chart diagrams from textual representation of the diagram

Visual Copilot
Promo

Turn Figma designs into high-quality code using AI

GoJS

8,291

JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

x-render

7,729

🚴‍♀️ Very easy to use process form table chart solution. 很易用的流程 / 表单 / 表格 / 图表解决方案

roughViz

6,985

Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.

chartkick

6,477

Create beautiful JavaScript charts with one line of Ruby

billboard.js

5,949

📊 Re-usable, easy interface JavaScript chart library based on D3.js

flot

5,934

Attractive JavaScript charts for jQuery

pivottable

4,439

Open-source Javascript Pivot Table (aka Pivot Grid, Pivot Chart, Cross-Tab) implementation with drag'n'drop.

wireflow

4,126

Wireflow - user flow chart real-time collaborative tool

imove

3,747

INACTIVE: Move your mouse, generate code from flow chart

britecharts

3,731

Composable Charting Library based on reusable D3.js components.

docxtemplater

3,407

Generate docx, pptx, and xlsx from templates (Word, Powerpoint and Excel documents), from Node.js or the browser. Demo: https://www.docxtemplater.com/demo. #docx #office #generator #templating #report #json #generate #generation #template #create #pptx #docx #xlsx #react #vuejs #angularjs #browser #typescript #image #html #table #chart

plottable

3,035

:bar_chart: A library of modular chart components built on D3

cal-heatmap

2,981

Cal-Heatmap is a javascript charting library to create a time-series calendar heatmap

Flotr2

2,441

Graphs and Charts for Canvas in JavaScript.

piecon

2,309

A tiny javascript library for generating progress pie charts in your favicon.

smoothie

2,269

Smoothie Charts: smooooooth JavaScript charts for realtime streaming data

awesome-charting

2,061

A curated list of the best charting and dataviz resources that developers may find useful, including the best JavaScript charting libraries

Top JavaScript Charting Libraries

Filters

Top 5 Projects Compared

Chart.js66,611

Code Example

Pros

Cons

recharts26,025

Code Example

Pros

Cons

dash24,140

Code Example

Pros

Cons

plotly.js17,880

Code Example

Pros

Cons

charts15,059

Code Example

Pros

Cons

All Top Projects

Chart.js

recharts

dash

plotly.js

charts

apexcharts.js

ag-grid

chartist

lightweight-charts

highcharts

LogicFlow

flowchart.js

Visual CopilotPromo

GoJS

x-render

roughViz

chartkick

billboard.js

flot

pivottable

wireflow

imove

britecharts

docxtemplater

plottable

cal-heatmap

Flotr2

piecon

smoothie

awesome-charting

Chart.js
66,611

recharts
26,025

dash
24,140

plotly.js
17,880

charts
15,059

Visual Copilot
Promo