reactchartjs / react-chartjs-2
React components for Chart.js, the most popular charting library
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.
Repository Summary (README)
Previewreact-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.
<br /> <a href="#quickstart">Quickstart</a> <span> • </span> <a href="#docs">Docs</a> <span> • </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