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";<ChartchartType="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