Awesome Open Source
Awesome Open Source



React components for Chart.js, the most popular charting library.

Supports Chart.js v3 and v2.

NPM version Downloads Build status Coverage status Bundle size

Quickstart   •   Docs   •   Slack   •   Stack Overflow


Install this library with peer dependencies:

pnpm add react-chartjs-2 chart.js
# or
yarn add react-chartjs-2 chart.js
# or
npm i react-chartjs-2 chart.js

We recommend using [email protected]^3.0.0.

Then, import and use individual components:

import { Doughnut } from 'react-chartjs-2';

<Doughnut data={...} />

Need an API to fetch data? Consider Cube, an open-source API for data apps.

supported by Cube



MIT Licensed Copyright (c) 2020 Jeremy Ayerst

Alternatives To React Chartjs 2
Select To Compare

Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Typescript (255,004
Reactjs (164,328
Dataset (33,093
Visualization (15,312
Chart (13,519
Data Visualization (5,773
Chartjs (1,592
Charting Library (345
Datavis (104
Dataviz Tools (8
Chartjs 2 (8