What is szum
A consistent data visualization system for your product. One grammar unites designers, developers, and agents – with six tailored themes, rendered everywhere.
Charts are the one part of every product, every report, and every presentation that often 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 data visualization system. Write a chart definition once, render it anywhere.
Clarity 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.
barY says what it does. A 47-line Chart.js config object does not. The grammar is small on purpose, so it's easy to understand and write by both humans and agents.
Multiple audiences, one design language
The API serves developers, 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.
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. Use the TypeScript SDK for Node projects, or raw HTTP from any language.
Dashboards and product UI. Embed the interactive renderer for live charts that match your brand. One theme property, zero CSS fights.