Skip to content

Latest commit

 

History

History
69 lines (53 loc) · 2.2 KB

README.md

File metadata and controls

69 lines (53 loc) · 2.2 KB

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://www.github.com/rakannimer/react-google-charts
cd react-google-charts
npm i
npm run start:storybook