Primitive

Axis

Chart axis, baseline, tick label, axis label, row label, value label, and end label marks.

Use Axis primitives after scale utilities produce coordinates. Components and utilities own ticks, extents, and formatting.
data
DOM renderImage render
AxisDefault

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 axis line, baseline, and labels.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
ChartAxis.x1/y1/x2/y2 *number | string-Axis line coordinates.
ChartBaseline.x1/y1/x2/y2number | string-Baseline coordinates.
ChartTickLabel.childrenReactNode-Tick label content.
ChartAxisLabel.childrenReactNode-Axis label content.
ChartRowLabel.childrenReactNode-Horizontal chart row label content.
ChartValueLabel.childrenReactNode-Chart value label content.
ChartEndLabel.childrenReactNode-Line endpoint label content.