Charts that look like someone gave a damn.

A consistent data visualization system for your product. One grammar unites designers, developers, and AI agents – with six tailored themes, rendered everywhere.

Start for free Learn more

546 charts rendered

Mail

FromSarah Chen <sarah@acme.com>

ToLeadership Team

SubjectQ4 Revenue Summary

Hi team,

Quarterly revenue breakdown is below. Americas is up 31% QoQ – strongest region this year.

Full deck attached. Let’s discuss Thursday.

Sarah

Message sent

1 chart attached

Inbox

Alex Kim11:08 AM

Re: Q4 Revenue Summary

This chart is gorgeous – how did you get it into the email? It actually renders in Outlook…

Marcus Wei11:05 AM

Re: Q4 Revenue Summary

Can you send the APAC breakdown too? Want to include it in the board deck on Thursday…

Jamie Chen9:30 AM

Quick question about szum's API

Tried the barY example from the docs, worked first try. How do I add a second series…

Design TeamYesterday

Chart themes for the rebrand

The editorial theme matches our new brand guidelines perfectly. Can we customize the…

The best chart library is a URL.

A JSON config in, an image out. No install, no runtime, no client-side JavaScript.

 1{
 2  "version": "2026-03-20",
 3  "theme": "modern",
 4  "title": "Monthly Revenue",
 5  "subtitle": "2025, thousands",
 6  "marks": [{ "type": "areaY" }],
 7  "data": [
 8    { "x": "Jan", "y": 42 },
 9    { "x": "Feb", "y": 38 },
10    { "x": "Mar", "y": 55 },
11    { "x": "Apr", "y": 47 },
12    { "x": "May", "y": 63 },
13    { "x": "Jun", "y": 58 },
14    { "x": "Jul", "y": 71 }
15  ]
16}

Edit me!

Migrating from Chart.js? Convert configs automatically.

One chart. Every surface.

Same config, same output. Figma, Slack, Notion, or your app.

Figma

Layers

Page Header

Scatter Plot

Data Table

Footer

Scatter Plot

Interactive embeds coming soon.

Six themes. Zero compromises.

Not twenty that blur together. Every theme is a deliberate design choice – typography, color palette, spacing, grid. Switch one property, get a completely different chart.

modern

editorial

dark

neon

pastel

technical

Nine marks. Infinite charts.

Every chart is a composition of simple marks. Layer them freely.

barY

barX

line

dot

areaY

areaX

text

ruleX

ruleY

Ready for AI agents.

Obvious field names. Pure JSON. No enums to memorize. Point your agent at the schema and get correct charts on the first call.

Show me average monthly temperatures for Lisbon and Berlin as a line chart with dots.

{
  "version": "2026-03-20",
  "title": "Monthly Temperature",
  "subtitle": "Average highs by city, 2025 (°C)",
  "theme": "modern",
  "marks": [
    { "type": "line", "stroke": "city" },
    { "type": "dot", "fill": "city", "r": 4 }
  ],
  "data": [...]
}