Scatter Chart

FREE

Dots on two numeric axes with bubble sizes and colored groups.

Installation

Terminal

npx @bloxa/cli add scatter-chart
# or: npx shadcn@latest add @bloxa/scatter-chart

Packages installed automatically: motion

Dot size is population; colors are regions. Hide groups from the legend.

Every component also accepts the props of the element it renders.

Prop	Type	Default	Description
x / y	string	—	Numeric axis keys.
size	string	—	Dot size key (bubble).
category	string	—	Colored group key.
label	string	—	Name key for the tooltip.
xLabel / yLabel	string	—	Axis titles.
xFormatter / yFormatter	(value) => string	—	Axis formats.