Primitive

Plot

SVG plot root with accessibility title and Concrete sizing contract.

Use Plot for the chart SVG root. Compose it with Chart Grid, Axis, Target Line, and series primitives after geometry utilities produce coordinates.
data
DOM renderImage render
PlotDefault

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Plot root with grid, background, labels, and target line.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
ChartSvg.titleReactNode-Accessible SVG title text.
ChartSvg.viewBoxstring0 0 160 96SVG coordinate system.
ChartSvg.childrenReactNode-Chart primitive marks and groups.