Bullet chart

Stacked bullet graphs with qualitative bands, a measure bar, a target marker, tick labels and distance-to-target status.

Quarter to date

Install

Pro source requires Pebble Pro. Try the full preview above.

Prop	Type	Default	Description
items	{ key; label; sub?; value; target; ranges: number[]; max?; invert? }[]	—	KPIs with a measure, a target and ascending band bounds.
label	string	—	Name of the list.
bandNames	string[]	["poor", "satisfactory", "good"]	Band names for screen readers, poor → good.
valueFormatter	(value: number) => string	Intl number	Formats values and ticks.

Try the full preview above. Editable source and build guides require Pebble Pro.

Stacked bullet graphs with qualitative bands, a measure bar, a target marker, tick labels and distance-to-target status.

Quarter to date

Pro source requires Pebble Pro. Try the full preview above.

Prop	Type	Default	Description
items	{ key; label; sub?; value; target; ranges: number[]; max?; invert? }[]	—	KPIs with a measure, a target and ascending band bounds.
label	string	—	Name of the list.
bandNames	string[]	["poor", "satisfactory", "good"]	Band names for screen readers, poor → good.
valueFormatter	(value: number) => string	Intl number	Formats values and ticks.

Try the full preview above. Editable source and build guides require Pebble Pro.