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: 3 months 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-18T20:50:40.000Z (3 months ago)
• Last Synced: 2024-10-19T21:31:47.828Z (3 months 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.7 MB
• Stars: 1,605
• Watchers: 28
• Forks: 347
• Open Issues: 88
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-components - react-google-charts - React-google-charts React component. (UI Components / Chart)
• awesome-react - react-google-charts - React-google-charts React component.  (UI Components / Data Visualization)
• awesome-list - react-google-charts - React-google-charts React component. (Demos / Chart)
• awesome-react-components - react-google-charts - React-google-charts React component. (UI Components / Chart)
• awesome-react-components - react-google-charts - React-google-charts React component. (UI Components / Chart)
• awesome-react-components - react-google-charts - React-google-charts React component. (UI Components / Chart)
• fucking-awesome-react-components - react-google-charts - React-google-charts React component. (UI Components / Chart)
• awesome-react-components - react-google-charts - React-google-charts React component. (UI Components / Chart)
• awesome-react-components - react-google-charts - React-google-charts React component. (UI Components / Chart)

README

        
# 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

```