Get started with Graphy

Want access to see Graphy's agents in action? Looking to add charts to your product? You’re in the right place.

with ai

Hand it to your agent

One command, and Claude, Codex or Cursor will know how to build with Graphy.

Hand to any coding agent (Claude Code, Codex etc)

npx skills add graphysdk/skills
 
# restart the session, then ask
Build a stacked bar graph of revenue by region.

Or paste into a chat (ChatGPT, Claude etc)

Use Graphy to build a simple webpage containing several different chart types. For more info, see docs at https://graphy.dev/llms.txt

Docs

on your own

Install the React SDK

Add Graphy to your React app, define a chart spec, and render your first production-ready chart.

npm install @graphysdk/react

npm install @graphysdk/react

Your first chart

import {GraphProvider, GraphRenderer, pipe, createSpec, mapping, geom, scale} from '@graphysdk/react'; const input = pipe(createSpec(), mapping({ x: 'month', y: 'revenue' }), geom.bar()); export function MyFirstChart() { return (<GraphProvider data={data} input={input}><GraphRenderer /></GraphProvider>); }

Your first chart

import {GraphProvider, GraphRenderer, pipe, createSpec, mapping, geom, scale} from '@graphysdk/react'; const input = pipe(createSpec(), mapping({ x: 'month', y: 'revenue' }), geom.bar()); export function MyFirstChart() { return (<GraphProvider data={data} input={input}><GraphRenderer /></GraphProvider>); }

Docs

licensing

Free to evaluate, license to ship.

The evaluation license is free and full featured for development, evaluation, and internal prototypes. Shipping a commercial product requires a commercial license.

Get commercial access