// the find
rakannimer/react-google-charts
A thin, typed, React wrapper over Google Charts Visualization and Charts API.
A React wrapper that loads the Google Charts library dynamically and exposes it through a single `<Chart>` component. It handles the script loading lifecycle, data table construction, and event wiring so you don't have to touch the Google Charts imperative API directly. Aimed at React developers who need quick chart integration and don't want to manage Google's loader themselves.
Full TypeScript types are a genuine win here — the `chartType` prop is a union of all supported chart names, so typos fail at compile time rather than rendering a blank div. The Storybook setup with per-chart stories makes it easy to find working examples without reading docs. Script loading is handled once per page via a shared loader hook, so mounting multiple charts doesn't fire redundant network requests. The Controls API (date range filters, category filters, etc.) is wired up and documented, which is the part of Google Charts that's genuinely painful to use raw.
You're still coupled to Google's SVG renderer and all its limitations — no canvas output, no SSR-friendly rendering, and geo charts require loading a separate package that triggers a separate network request at runtime. The TypeScript types for `options` are mostly `any`-aliased, so you lose type safety the moment you try to configure anything beyond basic chart properties. Bundle size is misleading: the package itself is tiny, but it unconditionally pulls in the Google Charts loader at runtime, which fetches ~200KB of Google's JS — that cost doesn't show up in bundlephobia. The repo has 340+ open issues and PRs stale for years, signaling maintainer bandwidth is thin.