Charting SDK

Add charts and data storytelling to your React app

Ship beautiful, interactive charts with editing and annotations built in. Give users more ways to tell their data stories, without building the whole charting experience yourself.

Showing Smooth line in the Graphy theme

A charting engine built for people and AI

Power AI-generated charts and hands-on editing with the same flexible building blocks. Graphy handles calculations, layout and chart validation, so you can give users more control without building the charting logic yourself.

Beautiful off-the-shelf charts

Our growing chart library covers all the classics, from bar charts to bubble charts. Beautifully rendered, and fully stylable.

View chart gallery

View chart gallery

Built to be edited

Let users refine charts directly, through your own controls or with AI-driven commands. Every change shares the same undo-and-redo history.

Made to match your product

Customise and extend Graphy’s charts to fit your brand or match your users’ vision. Reuse your fonts, palettes and chart styles, with support for light and dark modes too.

Learn more

Learn more

Add a storytelling layer

Give users the tools to explain what matters, not just display the numbers.

Annotations

Add context with notes and arrows that stay attached to the data as your chart changes.

Highlights

Focus attention on the values that matter, with rule-based highlights that update as the data changes.

Reference lines

Put values in context with targets, thresholds and automatically calculated averages.

Ready for production

All the details that make for a robust, developer-friendly deployment.

Responsive

Charts, axes and labels scale gracefully to fit the space they need to fill.

Responsive

Charts, axes and labels scale gracefully to fit the space they need to fill.

Responsive

Charts, axes and labels scale gracefully to fit the space they need to fill.

Portable

Save a chart’s setup and reuse it with fresh data or across different parts of your product.

Portable

Save a chart’s setup and reuse it with fresh data or across different parts of your product.

Commands API

Build custom experiences that edit a chart spec.

Commands API

Build custom experiences that edit a chart spec.

Commands API

Build custom experiences that edit a chart spec.

History

Controls and a state history for powering undo and redo.

History

Controls and a state history for powering undo and redo.

History

Controls and a state history for powering undo and redo.

Interactivity

Tactile hover effects, tooltips and animations that bring charts to life.

Interactivity

Tactile hover effects, tooltips and animations that bring charts to life.

Interactivity

Tactile hover effects, tooltips and animations that bring charts to life.

Headline numbers

Show totals, averages or the latest value in a callout.

Headline numbers

Show totals, averages or the latest value in a callout.

Headline numbers

Show totals, averages or the latest value in a callout.

Number formatting

Control decimals, abbreviation, prefixes, suffixes and more.

Number formatting

Control decimals, abbreviation, prefixes, suffixes and more.

Number formatting

Control decimals, abbreviation, prefixes, suffixes and more.

Data labels

Automatically adjust data labels to the available space, with manual positioning when you need it.

Data labels

Automatically adjust data labels to the available space, with manual positioning when you need it.

Data labels

Automatically adjust data labels to the available space, with manual positioning when you need it.

Calculations

Filter, group and summarise your data, then add averages and trendlines, with calculations built into Graphy’s engine.

Calculations

Filter, group and summarise your data, then add averages and trendlines, with calculations built into Graphy’s engine.

Calculations

Filter, group and summarise your data, then add averages and trendlines, with calculations built into Graphy’s engine.

Performant

Handles large datasets with ease.

Performant

Handles large datasets with ease.

Agent friendly

Build efficiently with Claude, Codex, Cursor…

Agent friendly

Build efficiently with Claude, Codex, Cursor…

TypeScript support

Build chart specifications with autocomplete, sensible defaults and compile-time checks for valid configuration.

TypeScript support

Build chart specifications with autocomplete, sensible defaults and compile-time checks for valid configuration.

Extend

Your interface. Graphy underneath. Build your own visualizations and experiences on top of our charting engine.

FEATURED STORY · GAMMA

FEATURED STORY · GAMMA

How Gamma replaced two years of in-house
charting work with Graphy.

How Gamma replaced two years of in-house charting work with Graphy.
charting work with Graphy.

“After 2+ years building charts in-house, we switched to Graphy's SDK and Agents and never looked back. It’s the best library for editable graphs; polished, opinionated in the right ways, and gives users the tools to tell a clear story, not just display numbers.”

Jon Noronha, Co-founder and CPO at Gamma

Jon Noronha, Co-founder and CPO at Gamma

Jon Noronha, Co-founder and CPO at Gamma

GET STARTED

Set up Graphy Agents in your project

Get your first AI-generated chart modification working in 5 minutes.

npm install @graphysdk/viz-engine @graphysdk/react-renderer

2026 Graphy Technologies Ltd. All rights reserved.

2026 Graphy Technologies Ltd. All rights reserved.

2026 Graphy Technologies Ltd. All rights reserved.