BBuildspace UI

Charts

Recharts-backed chart types on one shared container, plus the usage/quota metering pattern that pairs with them. Series colors are assigned in a fixed order and never re-cycled per chart. Copy the install command for any block.

Area chart

A smooth line with a gradient fill fading to transparent — trend lines over time.

Bar chart

Rounded data-ends, thin bars, quiet grid.

Line chart

Multi-series line chart with smooth monotone curves.

Donut chart

Composition-of-parts donut with an optional center label.

Radar chart

Multi-axis radar chart for comparing several dimensions of one or more series.

Radial gauge chart

Single-value gauge for a conversion rate, quota, or score against a target.

Usage meter

Serif headline number, accented progress bar, danger sticker at the cap.

120/ 200 messages today
188/ 200 messages today
Near limit

Quota meter list

Per-subject quota rows — name, used/limit count, at-cap sticker, accented bar.

Acme Studio84 / 100
Initech41 / 100
GlobexAt cap100 / 100
Hooli12 / 100