Visuals
Un gráfico real por card
Cada visual tiene una historia real que contar — no son sparklines decorativas. Inspirados en HRV Balance, Body Temperature, Sleep, Score 52.
StepLine
Tipo HRV Balance — trend con dot naranja al final.
<StepLine points={[…]} />VerticalBarWithScale
Tipo Body Temperature — valor vs. rango.
<VerticalBarWithScale value=... />40°C38°C35°C
StackedBars
Tipo Sleep — mix de categorías.
<StackedBars segments={[…]} />Deep
REM
Light
BarChart
Barras verticales simples.
<BarChart data={[…]} />L
M
M
J
V
S
D
ProgressRing
Progreso radial. El acento señala el valor real.
<ProgressRing value={…} />DotsFirework
Tipo score 52 Fair — patrón radial.
<DotsFirework size density accentRatio />PulseDot
Estado activo — dot que late en acento.
<PulseDot />Servicio operativo