# React Google Charts

A thin, typed, React wrapper for [Google Charts](https://developers.google.com/chart/interactive/docs/reference). [![version](https://img.shields.io/npm/v/react-google-charts.svg)](https://www.npmjs.com/package/react-google-charts) [![downloads](https://img.shields.io/npm/dm/react-google-charts.svg)](https://www.npmjs.com/package/react-google-charts) [![license](https://shields.io/badge/license-MIT-green)](http://opensource.org/licenses/MIT) [![bundle size](https://img.shields.io/bundlephobia/minzip/react-google-charts.svg)](https://bundlephobia.com/result?p=react-google-charts)
Quickstart • Docs • Contributing • Stack Overflow

## Quickstart Install this library with your favorite package manager: ```bash yarn add react-google-charts ``` or ```bash npm install --save react-google-charts ``` Then, import and use it: ```jsx import { Chart } from "react-google-charts"; ``` ## Docs - [Quick Walkthrough](https://react-google-charts.com/docs/quick-walkthrough) - [Components](https://react-google-charts.com/components) - [Examples](https://react-google-charts.com/examples) You can also check this [step-by-step tutorial](https://cube.dev/blog/react-google-charts-dashboard/?ref=eco-react-google-charts) that will walk you through the creation of a full-fledged dashboard with this library. ## Contributing Contributions are very welcome. Check out [CONTRIBUTING.md](CONTRIBUTING.md) ## Run the Storybook ```bash git clone https://www.github.com/rakannimer/react-google-charts cd react-google-charts yarn yarn start:storybook ```

	Stars	Issues	Version	Updated	Created
react-google-charts	1,595	144	4.0.1	a year ago	9 years ago
react-highcharts	1,254	63	16.1.0	5 years ago	10 years ago
recharts	23,717	549	2.12.7	4 months ago	9 years ago
victory	10,961	91	37.1.1	15 days ago	9 years ago

react-google-charts vs react-highcharts vs recharts vs victory

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Sick of boring JavaScript newsletters?

Downloads in past