The Chart API that
just works.
Drop production-ready, fully customizable charts into your React app in minutes, not engineer-months. One config object. Zero headaches.
Why Graphy
Everything you need.
Nothing you don't.
Zero-to-chart in minutes
Install the SDK, pass a config object, render two components. Graphy picks sensible defaults for everything you don't specify — no configuration paralysis.
TypeScript-first, IDE-native
Every prop and config option is fully typed. Autocomplete guides you through axes, formatting, annotations — without ever leaving your editor or opening the docs.
How it works
From install to production
in 3 steps.
step 1
Install the SDK
One command, private npm package, TypeScript-first. Works with npm, yarn, pnpm, and bun.
step 2
Define your config
Pass your data, chart type, and any customizations as a single typed GraphConfig object. Fully autocompleted in your IDE.
step 3
Render anywhere in your tree
Wrap in GraphProvider and drop in the Graph component. That's it.
Use cases
Built for what you're
already building.
FAQ
Common questions.
How is Graphy different from Recharts or Chart.js?
Recharts and Chart.js are low-level primitives — powerful, but you're responsible for every visual decision. Graphy gives you production-quality output from a single config, with sensible defaults for everything and fine-grained overrides when you need them. It also ships with an optional editor mode that no other library offers out of the box.
Does it work with Next.js, Vite, or Remix?
Yes. Graphy is a React component library and works in any React environment — Create React App, Vite, Next.js (App Router and Pages Router), Remix, and Gatsby. For SSR environments, use mode="static" to disable client-side interactivity during server rendering.
What if I need a chart type you don't support?
We're shipping new chart types regularly. If you need something specific, open a feature request in our GitHub — most of our roadmap is community-driven. Graphy's components are also composable, so you can combine them with standard SVG or Canvas elements for highly custom needs.
What is the difference between a marketing funnel and a sales funnel?
Yes. Setting mode="editor" on the Graph component unlocks an in-place editing UI — users can update titles, add annotations, and make modifications directly. Use the onChange handler on GraphProvider to persist those changes to your own state or database.
How does licensing and access work?
Graphy is a private npm package distributed via a licensed API. Access is managed through an npm auth token tied to your account. Book a call with us to discuss plans, usage limits, and enterprise arrangements — we're happy to walk you through it.
