https://github.com/otiai10/google-charts-react-component

https://github.com/otiai10/google-charts-react-component

charts google google-charts react react-dom typescript

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/otiai10/google-charts-react-component
• Owner: otiai10
• Created: 2024-09-19T15:47:27.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-22T15:38:46.000Z (almost 2 years ago)
• Last Synced: 2025-12-27T12:04:28.215Z (6 months ago)
• Topics: charts, google, google-charts, react, react-dom, typescript
• Language: TypeScript
• Homepage: https://otiai10.com/google-charts-react-component/
• Size: 372 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React Google Charts Component

[![JavaScript CI](https://github.com/otiai10/react-google-charts/actions/workflows/javascript-ci.yaml/badge.svg)](https://github.com/otiai10/react-google-charts/actions/workflows/javascript-ci.yaml)

[![codecov](https://codecov.io/gh/otiai10/google-charts-react-component/graph/badge.svg?token=nBrEIJDlWs)](https://codecov.io/gh/otiai10/google-charts-react-component)

```jsx

import { GoogleChart } from "google-charts-react-component";

function YourCoolApp() {

    return (

        

    );

}

```

# TypeScript?

If you are using TypeScript, you can use strong type support:

```jsx

    data={data}

    type="line"

    options={options} // automatically typed with LineChartOpitions

/>

```

# Demo Gallery

* https://otiai10.github.io/google-charts-react-component/

# Issues and Requests

* https://github.com/otiai10/google-charts-react-component/issues