back to home

reactchartjs / react-chartjs-2

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

6,908 stars
2,458 forks
99 issues
TypeScriptMDXJavaScript

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing reactchartjs/react-chartjs-2 in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind-ai.vercel.app/repo/reactchartjs/react-chartjs-2)
Preview:Analyzed by RepoMind

Repository Summary (README)

Preview

react-chartjs-2

<img align="right" width="150" height="150" alt="Logo" src="website/static/img/logo.svg">

React components for <a href="https://www.chartjs.org">Chart.js</a>, the most popular charting library.

Supports Chart.js v4 and v3.

NPM version Downloads Build status Coverage status Bundle size

<br /> <a href="#quickstart">Quickstart</a> <span>&nbsp;&nbsp;•&nbsp;&nbsp;</span> <a href="#docs">Docs</a> <span>&nbsp;&nbsp;•&nbsp;&nbsp;</span> <a href="https://stackoverflow.com/questions/tagged/react-chartjs-2">Stack Overflow</a> <br /> <hr />

Quickstart

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 chart.js@^4.0.0.

Then, import and use individual components:

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

<Doughnut data={...} />

Docs

License

MIT Licensed Copyright (c) 2020 Jeremy Ayerst