{"id":27648292,"url":"https://github.com/otiai10/google-charts-react-component","last_synced_at":"2026-04-30T09:34:24.310Z","repository":{"id":264926394,"uuid":"859977098","full_name":"otiai10/google-charts-react-component","owner":"otiai10","description":null,"archived":false,"fork":false,"pushed_at":"2024-09-22T15:38:46.000Z","size":381,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-27T12:04:28.215Z","etag":null,"topics":["charts","google","google-charts","react","react-dom","typescript"],"latest_commit_sha":null,"homepage":"https://otiai10.com/google-charts-react-component/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/otiai10.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-19T15:47:27.000Z","updated_at":"2024-09-22T15:38:48.000Z","dependencies_parsed_at":"2024-11-27T00:01:12.343Z","dependency_job_id":null,"html_url":"https://github.com/otiai10/google-charts-react-component","commit_stats":null,"previous_names":["otiai10/google-charts-react-component"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/otiai10/google-charts-react-component","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/otiai10%2Fgoogle-charts-react-component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/otiai10%2Fgoogle-charts-react-component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/otiai10%2Fgoogle-charts-react-component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/otiai10%2Fgoogle-charts-react-component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/otiai10","download_url":"https://codeload.github.com/otiai10/google-charts-react-component/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/otiai10%2Fgoogle-charts-react-component/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32460781,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T22:27:22.272Z","status":"online","status_checked_at":"2026-04-30T02:00:05.929Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["charts","google","google-charts","react","react-dom","typescript"],"created_at":"2025-04-24T02:38:10.543Z","updated_at":"2026-04-30T09:34:24.291Z","avatar_url":"https://github.com/otiai10.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Google Charts Component\n\n[![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)\n[![codecov](https://codecov.io/gh/otiai10/google-charts-react-component/graph/badge.svg?token=nBrEIJDlWs)](https://codecov.io/gh/otiai10/google-charts-react-component)\n\n```jsx\nimport { GoogleChart } from \"google-charts-react-component\";\n\nfunction YourCoolApp() {\n    return (\n        \u003cGoogleChart\n            title=\"Sales\"\n            type=\"line\"\n            data={data}\n            options={options}\n            className=\"w-full h-full\"\n        /\u003e\n    );\n}\n```\n\n# TypeScript?\n\nIf you are using TypeScript, you can use strong type support:\n\n```jsx\n\u003cGoogleChart\u003cgoogle.visualization.LineChart\u003e\n    data={data}\n    type=\"line\"\n    options={options} // automatically typed with LineChartOpitions\n/\u003e\n```\n\n# Demo Gallery\n\n* https://otiai10.github.io/google-charts-react-component/\n\n# Issues and Requests\n\n* https://github.com/otiai10/google-charts-react-component/issues\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fotiai10%2Fgoogle-charts-react-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fotiai10%2Fgoogle-charts-react-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fotiai10%2Fgoogle-charts-react-component/lists"}