react-google-charts

esm cjs
react-google-charts React component
Version 5.2.1 License MIT
Keywords
reactgooglecharts
INSTALL
Type:
Version:
- Static
- Latest Patch
- Latest Minor
- Latest Major
- 5.2.1
- 5.2.0
- 5.1.0
- 5.0.0
- 4.0.7
- 4.0.6
- 4.0.5
- 4.0.1
- 4.0.0
- 3.0.15
- 3.0.14
- 3.0.13
- 3.0.12
- 3.0.11
- 3.0.10
- 3.0.9
- 3.0.8
- 3.0.7
- 3.0.6
- 3.0.5
- 3.0.4
- 3.0.3
- 3.0.2
- 3.0.1
- 3.0.0
- 2.0.29
- 2.0.28
- 2.0.27
- 2.0.26
- 2.0.25
- 2.0.24
- 2.0.22
- 2.0.21
- 2.0.20
- 2.0.19
- 2.0.18
- 2.0.17
- 2.0.16
- 2.0.15
- 2.0.14
- 2.0.13
- 2.0.12
- 2.0.11
- 2.0.10
- 2.0.9
- 2.0.8
- 2.0.7
- 2.0.6
- 2.0.5
- 2.0.4
- 2.0.3
- 2.0.2
- 2.0.1
- 2.0.0
- 1.6.6
- 1.6.5
- 1.6.4
- 1.6.1
- 1.6.0
- 1.5.7
- 1.5.5
- 1.5.3
- 1.5.2
- 1.4.2
- 1.4.1
- 1.4.0
- 1.2.1
- 1.2.0
- 1.1.1
- 1.1.0
- 1.0.2
- 1.0.0
- 0.2.2
- 0.2.1
- 0.2.0
- 0.1.9
- 0.1.8
- 0.1.7
- 0.1.6
- 0.1.5
- 0.1.4
- 0.1.3
- 0.1.2
- 0.1.1
- 0.1.0
- 5.0.0-beta.3
- 5.0.0-beta.2
- 5.0.0-beta.1
- 5.0.0-beta.0
- 3.0.16-alpha.0
- 3.0.0-beta.0
- 2.0.0-alpha.4
- 2.0.0-alpha.2
- 2.0.0-alpha.1
- 1.5.4-alpha.1
<script type="module"> import reactGoogleCharts from 'https://cdn.jsdelivr.net/npm/react-google-charts@5.2.1/+esm' </script>
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