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 is a chart API that handles design decisions for you — it ships polished defaults, a built-in editor mode for end-user customization, and fine-grained overrides when you need them. You get production-quality output from a single typed config — a more structured approach than Recharts or Chart.js offers out of the box.
Does it work with Next.js, Vite, or Remix?
Yes. Graphy is a React component graphing library
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.
Can end-users edit charts without knowing any code?
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.
