Chart.js

JavaScript

Working with data

Simple, flexible charts for the web — bars, lines, pies, and more.

What it does

Chart.js gives you beautiful, responsive charts with minimal setup. Pass your data in, pick a chart type, done. Covers 80% of chart use cases out of the box.

When to use it

Use this when you need standard charts (bar, line, pie, scatter) without the complexity of D3.

Real example

You want a dashboard with a monthly revenue bar chart and a weekly user growth line chart. Prompt: 'Use Chart.js to create a bar chart inside #revenue-chart with the months array as labels and revenue array as data. Use backgroundColor: "rgba(245,80,72,0.6)". Then create a line chart in #growth-chart with tension: 0.4 for smooth curves.'

Good to know

If you need very custom or complex visualizations, you'll eventually hit Chart.js's limits. D3.js is the next step.

Alternatives

D3.js

Install

$ npm install chart.js

Use cases

bar chartline chartpie chartdashboard

Language

JavaScript

More in Working with data

Other tools in the same category

JS D3.js

The most powerful data visualization library for the web.

custom chartSVG visualizationinteractive data

Python Pandas

The essential Python library for working with tabular data (like spreadsheets).

data analysisCSVspreadsheet