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 donut-chart gantt gantt-chart gauge-chart geochart google-charts histogram javascript line-chart org-chart react react-google-charts typescript

Last synced: 2 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 (about 9 years ago)
• Default Branch: master
• Last Pushed: 2023-07-20T15:52:22.000Z (11 months ago)
• Last Synced: 2024-01-24T21:48:27.262Z (5 months ago)
• Topics: area-chart, bar-chart, bubble-chart, calendar-chart, candlestick-chart, charts, column-chart, donut-chart, gantt, gantt-chart, gauge-chart, geochart, google-charts, histogram, javascript, line-chart, org-chart, react, react-google-charts, typescript
• Language: TypeScript
• Homepage: https://react-google-charts.com/
• Size: 9.68 MB
• Stars: 1,513
• Watchers: 29
• Forks: 332
• Open Issues: 139
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Lists

• 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-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)
• 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. (<summary>UI Components</summary> / Chart)
• 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)
• 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)

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

```