Skip to main content

React Google Charts

A thin, typed, React wrapper for Google Charts.

Supports 25+ chart types.

version downloads license bundle size

Quickstart​

Install this library with your favorite package manager:

npm install --save 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
/>;

Examples​

Please see live examples.

You can also check this step-by-step tutorial that will walk you through the creation of a full-fledged dashboard with this library.

Getting Help​

Need help? Ask your question on Slack or Stack Overflow.

If you've encountered an issue, please file it on GitHub.