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.

!TypeScript

Docs
  •  
Quickstart
  •  
Examples
  •  
Contributing
  •  
Stack Overflow
  •  
Discord


Quickstart

Install this library with your favorite package manager:

``bash
npm i react-google-charts
`

Then, import and use it:

`jsx
import { Chart } from "react-google-charts";

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

`bash
git clone https://www.github.com/rakannimer/react-google-charts
cd react-google-charts
npm i
npm run start:storybook
``