szum

Configuration

Every field at a glance.

Some features on this page require a paid plan. See Plans & Limits.

Only version and marks are required. Everything else has sensible defaults.

Minimal config

The bare minimum – a version and one mark:

Full shape

{
  "version": "2026-03-20",
  "format": "svg",
  "scale": 2,
  "width": 640,
  "height": 400,
  "margin": { "top": 0, "right": 0, "bottom": 0, "left": 0 },
  "title": "...",
  "subtitle": "...",
  "theme": "modern",
  "themeOverrides": {},
  "data": [],
  "marks": [],
  "x": { "type": "...", "domain": [], "label": "...", "tickFormat": "..." },
  "y": { "type": "...", "domain": [], "label": "...", "tickFormat": "..." },
  "color": { "type": "...", "label": "...", "domain": [], "range": [] }
}

Field reference

FieldTypeDefaultDescription
version"2026-03-20"Required. Schema version.
format"svg" | "png""svg"Output image format.
scale142Pixel ratio for rendering.
width14096640Total image width in pixels.
height14096400Total image height in pixels.
plotWidth14096Data area width. Cannot mix with width/height. See Sizing.
plotHeight14096Data area height. Cannot mix with width/height. See Sizing.
marginobjectautoOverride auto-computed margins: top, right, bottom, left.
titlestringChart title, displayed above the plot.
subtitlestringSubtitle, displayed below the title.
themeThemeName"modern"One of 9 built-in themes.
themeOverridesobjectOverride individual theme properties.
dataDatum[]Top-level dataset shared by all marks. See Data.
marksMark[]Required. One or more marks to render.
xAxisConfigautoX-axis configuration. See Scales.
yAxisConfigautoY-axis configuration. See Scales.
colorColorConfigautoColor scale configuration. See Color.

Adding theme and chrome

Same data, but now with a title, theme, and axis label:

Automatic behaviors

Title wrapping: Long titles and subtitles wrap automatically to fit the chart width.

Margins: Auto-computed to accommodate axis labels, tick labels, title, subtitle, and legend. Override with explicit margin values – any omitted side keeps its auto-computed value.

Sizing constraint: You cannot specify both width/height and plotWidth/plotHeight – pick one sizing mode. See Sizing.

On this page