Quick start
Create, customize, export, and publish a szum chart in your browser. No signup required to start.
The web editor is the visual way to create the same chart definition used by the API, MCP server, Figma plugin, and interactive embeds.
It opens with a complete example chart, so you can explore the system before adding your own data or creating an account.
Create your first chart
- Open szum.io/create.
- Select Edit data, then paste a table or edit the existing cells.
- Map columns to categories, values, and color series.
- Choose a chart type and one of the six curated themes.
- Add the title, subtitle, source note, axes, legend, and value labels you need.
- Use the preview size control to choose the chart's aspect ratio and export dimensions.
Every change rebuilds the chart from the shared definition. You are not styling disconnected shapes.
Work visually or edit the definition
The main controls cover the common chart decisions:
- Data: paste tabular data, map fields, and edit cells.
- Chart: choose column, bar, line, scatter, pie, or area and adjust chart-specific options.
- Theme: switch the complete visual system or customize theme properties.
- Labels: edit the header, footer, axes, legend, and mark labels.
Open Source to view, copy, or edit the JSON definition directly. Changes made in Source return to the same visual controls after validation.
Export without publishing
Select Export to download PNG or SVG. You do not need an account to export a chart with a built-in theme.
Before publishing, Share also provides a keyless image URL for the current chart when it uses a built-in theme. That URL contains the encoded definition and follows the anonymous render allowance.
Custom theme overrides require Pro when the chart is exported or published. The six built-in themes remain available without a paid plan.
Publish and keep the links stable
Publishing requires a free account. It creates one saved chart with:
- a human-readable share page;
- stable PNG and SVG image URLs;
- a responsive interactive embed;
- the same chart available in Studio for later editing and management.
Change the chart and select Publish changes to update those outputs without changing their URLs. Select Unpublish to take the public links offline while keeping the editable chart.
Continue elsewhere
The definition copied from Source can be rendered through the Image API, authored by an AI agent, or used as the basis for the same visual system in Figma.