Quick 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

1. Open szum.io/create.
2. Select Edit data, then paste a table or edit the existing cells.
3. Map columns to categories, values, and color series.
4. Choose a chart type and one of the six curated themes.
5. Add the title, subtitle, source note, axes, legend, and value labels you need.
6. 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, then adjust chart-specific options and axes.
• Labels: edit the header, caption, legend, and native data labels.
• Annotate: add text notes and reference lines against the data.
• Style: switch the complete visual system or customize colors, typography, and axes.
• Size: control the canvas or plot, margins, output format, and PNG density.
• Review: inspect errors, warnings, and suggestions from every editing path.

Open Source to view, copy, or edit the JSON definition directly. Changes made in Source return to the same visual controls after validation. An error keeps the candidate in Data or Source while the last valid chart remains visible; repair it, apply a verified fix, or undo it before using other visual controls. Warnings remain non-blocking. When a finding has a deterministic fix, its named action verifies and commits the replacement explicitly. The Review badge follows the most severe current finding: error, then warning, then suggestion. See Validation and Review for the shared behavior across every workflow.

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 Creator or 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.