Awesome
React Google Charts
<img align="right" alt="Logo" src="website/static/img/logo.png">A thin, typed, React wrapper for Google Charts.
<br /> <a href="#quickstart">Quickstart</a> <span> • </span> <a href="#docs">Docs</a> <span> • </span> <a href="#contributing">Contributing</a> <span> • </span> <a href="https://stackoverflow.com/questions/tagged/react-google-charts">Stack Overflow</a> <br /> <hr />Quickstart
Install this library with your favorite package manager:
yarn add react-google-charts
or
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
You can also check this step-by-step tutorial that will walk you through the creation of a full-fledged dashboard with this library.
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