Back to rankings
Docs • Quickstart • Examples • Contributing • Stack Overflow • Discord
A thin, typed, React wrapper over Google Charts Visualization and Charts API.
reactgoogle-chartschartsreact-google-chartsarea-chartbar-chartbubble-chartcalendar-chartcandlestick-chartcolumn-chartganttgantt-chart
Key Metrics
Star Growth
Stars
1.7k
Forks
342
Weekly Growth
—
Issues
89
5001k1.5k
Jun 2015Apr 2017Feb 2019Dec 2020Nov 2022Sep 2024Jul 2026
Artifactsnpm
npm install react-google-chartsREADME
React Google Charts
React Google Charts is a lightweight and fully typed React wrapper for Google Charts.
It's easy to use, supports over 25 chart types, supports animations and is highly customizable when needed.
Docs • Quickstart • Examples • Contributing • Stack Overflow • Discord
Quickstart
Install this library with your favorite package manager:
npm i react-google-charts
Then, import and use it:
import { Chart } from "react-google-charts";
<Chart
chartType="ScatterChart"
data={[
["Age", "Weight"],
[4, 5.5],
[8, 12],
]}
width="100%"
height="400px"
legendToggle
/>;
Contributing
Contributions are very welcome. Check out CONTRIBUTING.md
Run the Storybook
git clone https://www.github.com/rakannimer/react-google-charts
cd react-google-charts
npm i
npm run start:storybook
Related repositories