Primitive

Chart Grid

SVG chart gridline group and plot background anatomy.

Use Chart Grid after chart geometry has produced plot bounds and gridline coordinates. It owns grid styling, not scale or tick calculation.
data
DOM renderImage render
Chart GridDefault

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

Chart plot background and gridline group.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
ChartGrid.childrenReactNode-Grid lines and optional plot background.
ChartPlotBackground.x/y/width/heightnumber | string-Plot background geometry.