What is szum
A chart design system – one grammar, curated themes, three outputs.
Charts are the one part of every product, every report, and every presentation that still looks like nobody cared. Libraries give you infinite configuration and zero opinion. API services give you an image and no taste. Figma plugins give you shapes disconnected from code.
szum is a chart design system. Write a chart definition once, render it anywhere.
Design over configuration
A single theme: "editorial" gets you 90% of the way to something you'd see in the Financial Times – whether that chart ends up in a transactional email, a Figma mockup, or a live dashboard. Nine themes that are all genuinely distinct beats twenty that blur together.
Clarity as API design
barY says what it does. A 47-line Chart.js config object does not. The grammar is small on purpose – seven mark types that compose well beats fifteen that overlap. The docs should be short and complete, not comprehensive and exhausting.
Three audiences, one design language
The API serves developers, AI agents, and automations that need chart images at scale. The Figma plugin serves designers who need data-driven charts in their mockups without leaving their tool. The interactive embed serves product teams who want the same visual quality in their live applications. Same config, same visual quality, different medium.
When to use szum
Transactional emails and reports. Charts render as images – no JavaScript, no broken layouts. Drop an <img> tag into your email template and it works in every client, including Outlook.
Dashboards and product UI. Embed the interactive renderer for live charts that match your brand. One theme property, zero CSS fights.
Figma mockups. The Figma plugin renders real charts from real data inside your design tool. No more screenshot placeholders.
Automated reporting. Feed JSON from your pipeline, get publication-quality images back. Works with any language that can make an HTTP request.