Usage no npm install needed!

<script type="module">
  import reactGoogleCharts from 'https://cdn.skypack.dev/react-google-charts';
</script>

README

React Google Charts

A thin, typed, React wrapper for Google Charts.

Quickstart • Docs • Contributing • Stack Overflow

Quickstart

Install this library with your favorite package manager:

yarn add react-google-charts

npm install --save 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
/>

Docs

Quick Walkthrough
Components
Examples

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
yarn
yarn start:storybook