1. Playground
Open the playground, paste CSV or JSON into the data panel, pick a chart type and theme, then export. Exports are SVG (lossless), PNG or WebP. Everything renders in your browser — your data is never uploaded.
2. MCP — use AIChart in your coding agent
AIChart ships an MCP server that renders branded charts on your machine and hands the files to your agent. Add it to Claude Code:
claude mcp add AIChart -- npx aichart-mcp@latest
One command — -- just separates claude’s own flags from the server launch command. For MCP clients configured with JSON (Claude Desktop, Cursor, Windsurf):
{
"mcpServers": {
"AIChart": { "command": "npx", "args": ["aichart-mcp@latest"] }
}
}Tools
generate-chart — write a constrained chart config (JSON) + your data; the server renders SVG/PNG/WebP to a file path you choose.list-themes — enumerate theme packs. get-schema — return the constrained schema so the agent knows exactly which fields exist.
API key
The free tier is unlimited — no key, no quota, no watermark. Set AICHART_API_KEY in your environment with a Pro license to unlock your saved brand theme packs (the same themes the playground uses) plus AVIF and batch export — get the key at pricing.
3. Themes — brand consistency
A theme is a small JSON file: palette, font names, logo image, background. Pro users can upload their own theme file and every chart — from the playground or the agent — renders through it. One file, whole brand.