Primitive

Series Bar

SVG bar, track, comparison, and stack segment marks.

Use Series Bar marks after chart geometry has produced rectangle coordinates. This primitive owns mark styling only.
data
DOM renderImage render
Series BarDefault

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

Bar series marks with track and comparison.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
ChartBar.x/y/width/height *number | string-Bar rectangle geometry.
ChartBarTrack.x/y/width/heightnumber | string-Track rectangle geometry.
ChartBarComparison.x/y/width/heightnumber | string-Comparison rectangle geometry.
ChartStackSegment.x/y/width/heightnumber | string-Stack segment geometry.