https://github.com/rakannimer/react-google-charts

A thin, typed, React wrapper over Google Charts Visualization and Charts API.
https://github.com/rakannimer/react-google-charts

area-chart bar-chart bubble-chart calendar-chart candlestick-chart charts column-chart gantt gantt-chart gauge-chart geochart google-charts histogram javascript line-chart org-chart pie-chart react react-google-charts typescript

Last synced: 2 days ago
JSON representation

A thin, typed, React wrapper over Google Charts Visualization and Charts API.

• Host: GitHub
• URL: https://github.com/rakannimer/react-google-charts
• Owner: rakannimer
• License: mit
• Created: 2015-06-07T07:16:09.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2024-10-28T20:26:28.000Z (about 1 month ago)
• Last Synced: 2024-10-29T11:02:14.123Z (about 1 month ago)
• Topics: area-chart, bar-chart, bubble-chart, calendar-chart, candlestick-chart, charts, column-chart, gantt, gantt-chart, gauge-chart, geochart, google-charts, histogram, javascript, line-chart, org-chart, pie-chart, react, react-google-charts, typescript
• Language: TypeScript
• Homepage: https://react-google-charts.com/
• Size: 13.9 MB
• Stars: 1,608
• Watchers: 28
• Forks: 348
• Open Issues: 89
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• best-of-react - GitHub - 37% open · ⏱️ 20.07.2023): (Data Visualization)

README

        
# React Google Charts



React Google Charts is a lightweight and fully typed React wrapper for [Google Charts](https://developers.google.com/chart/interactive/docs/reference).

It's easy to use, supports over 25 chart types, supports animations and is highly customizable when needed.

[![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)

![TypeScript](https://img.shields.io/badge/TypeScript-007ACC)




Docs

  •  

Quickstart

  •  

Examples

  •  

Contributing

  •  

Stack Overflow

  •  

Discord






[![Visit Our Website](https://img.shields.io/badge/Visit-Website-green?style=for-the-badge)](https://react-google-charts.com)

## Quickstart

Install this library with your favorite package manager:

```bash

npm i react-google-charts

```

Then, import and use it:

```jsx

import { Chart } from "react-google-charts";

;

```

## 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

npm i

npm run start:storybook

```