# google-chart-react

**Repository Path**: mirrors_codejamninja/google-chart-react

## Basic Information

- **Project Name**: google-chart-react
- **Description**: Implement Google Charts in react
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Google Chart

![](assets/google-chart.png)

An unopinionated way to implement Google Charts into your React projects.
The implementation is very similar to that presented by the Google Chart documentation.




## Demo & Examples

Live demo: [jamrizzi.github.io/google-chart-react](http://jamrizzi.github.io/google-chart-react/)

To build the examples locally, run:

```
npm install
npm start
```

Then open [`localhost:8000`](http://localhost:8000) in a browser.


## Installation

The easiest way to use google-chart-react is to install it from NPM and include it in your own React build process (using [Browserify](http://browserify.org), [Webpack](http://webpack.github.io/), etc).

You can also use the standalone build by including `dist/google-chart-react.js` in your page. If you use this, make sure you have already included React, and it is available as a global variable.

```
npm install google-chart-react --save
```


## Usage

__EXPLAIN USAGE HERE__

```
import GoogleChart from 'google-chart-react';

<GoogleChart drawChart={this.drawBarChart} />
```

### Properties

* __DOCUMENT PROPERTIES HERE__

### Notes

__ADDITIONAL USAGE NOTES__


## Development (`src`, `lib` and the build process)

**NOTE:** The source code for the component is in `src`. A transpiled CommonJS version (generated with Babel) is available in `lib` for use with node.js, browserify and webpack. A UMD bundle is also built to `dist`, which can be included without the need for any build system.

To build, watch and serve the examples (which will also watch the component source), run `npm start`. If you just want to watch changes to `src` and rebuild `lib`, run `npm run watch` (this is useful if you are working with `npm link`).

## License

__PUT LICENSE HERE__

Copyright (c) 2016 Jam Risser.