Skip to content

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

License

Notifications You must be signed in to change notification settings

rakannimer/react-google-charts

Repository files navigation

React Google Charts

Logo

React Google Charts is a lightweight and fully typed React wrapper for Google Charts.

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

version downloads license bundle size TypeScript


Docs   •   Quickstart   •   Examples   •   Contributing   •   Stack Overflow   •   Discord

Visit Our Website

Quickstart

Install this library with your favorite package manager:

npm i react-google-charts

Then, import and use it:

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

<Chart
  chartType="ScatterChart"
  data={[
    ["Age", "Weight"],
    [4, 5.5],
    [8, 12],
  ]}
  width="100%"
  height="400px"
  legendToggle
/>;

Contributing

Contributions are very welcome. Check out CONTRIBUTING.md

Run the Storybook

git clone https://github.com/rakannimer/react-google-charts
cd react-google-charts
npm i
npm run start:storybook