Embeddable chart editor

Add chart creation and editing to your app

Give users expressive charts they can make their own, right inside your presentation, document or report builder. Add charts, themes and editing controls with one React SDK.


Give users expressive charts they can make their own, right inside your presentation, document or report builder. Add charts, themes and editing controls with one React SDK.


npm install @graphysdk/react

Create the charting experience your users need

Give users more ways to show their data

Start with dozens of ready-made chart types, or add custom visualizations for the work your users do.

Let users edit right on the chart

Give users controls for refining titles, adding context and highlighting key points, with undo and redo built in.

…or control chart settings through your own UI or agents

Chart types

Chart types

Titles & captions

Titles & captions

Colors & palettes

Colors & palettes

Fonts & text sizes

Fonts & text sizes

Data labels

Data labels

Axes & scales

Axes & scales

Grid lines

Grid lines

Chart types

Titles & captions

Colors & palettes

Fonts & text sizes

Data labels

Axes & scales

Grid lines

Legend position

Legend position

Bar & line styles

Bar & line styles

Number formats

Number formats

Annotations

Annotations

Highlights

Highlights

Reference lines

Reference lines

Legend position

Bar & line styles

Number formats

Annotations

Highlights

Reference lines

Trends & averages

Trends & averages

Headline numbers

Headline numbers

Undo & redo

Undo & redo

Edit history

Edit history

Change events

Change events

Saveable chart settings

Saveable chart settings

Trends & averages

Headline numbers

Undo & redo

Edit history

Change events

Saveable chart settings

Make it feel native

Match charts to your templates and brand, with full control over colours and font styles. Use Graphy’s editing controls and pre-built themes, adapt them to your interface, or build your own.

Connect it to your product

Graphy provides chart rendering, styling and editing. Connect it to your existing data, documents and permissions.

Graphy provides Your product connects
Your product
Templates & controls
  • Your chart templates
  • The controls users can access
Your product
Data & documents
  • Your data sources
  • Your document layout
Graphy, embedded
Chart editor
  • Chart rendering, layout and calculations
  • Themes, styling and annotation tools
  • Editing controls, plus commands for custom or AI-driven edits
  • Undo, redo and saveable chart settings
Your product
Storage & sharing
  • Storage and permissions
  • Collaboration
Your product
Export & delivery
  • Document export
  • Delivery to your readers

Try it out in Gamma

Graphy powers the charting experience in Gamma, a presentation and document builder used by more than 100 million people.

Frequently asked questions

What is an embeddable chart editor?

A chart editor you build into your own product, so users create and edit charts without leaving it. Graphy supplies the chart rendering, theming and editing commands. Your app supplies the data, layout and storage.

Can we build our own chart controls?

Yes. Connect your controls to Graphy’s editing commands, with shared undo and redo. Use the optional settings panel for the controls you want ready-made.

Which chart types can we offer?

Build bar, line, area, scatter, pie, donut and combination charts, plus more specialized visuals. Connect your own chart picker to the SDK and offer the types that suit your data.

Can we match our document themes?

Yes. Reuse colors, fonts and chart styles across templates, then customize labels, highlights and annotations. Your application decides which theme to apply and which settings users can change.

How do charts adapt to different layouts?

Charts resize to their container or use a fixed size or aspect ratio. Optional animations cover chart introductions and data changes, and respect the viewer’s reduced-motion preference.

Can users add context to the data?

Yes. Add editable titles and captions, highlight a series, or attach annotations to data points. You can also add reference lines, trend lines and comparison arrows to explain a finding.

Can an AI agent edit the same charts?

Yes. Your agent can send editing commands to the same chart users edit by hand. Those commands share undo and redo with the other chart controls. You connect the agent and decide which edits it can make.

How do we save a user's edits?

Graphy returns the updated chart settings as JSON after an edit. Save them with the document and load them when it reopens.

Does this create editable PowerPoint or Google Slides charts?

This workflow keeps charts editable inside your application. Talk to us about your export requirements, including whether charts need to remain editable in PowerPoint or Google Slides.

GET STARTED

Build charting into your product

Start with the React SDK, then shape the charting experience around your users.