Health Lattice
Bike Cell Tooltip
Three static variants — distance-first, inline-subtext, route-forward. Variant A locked.
Variant A — Distance Hero, Minimal Chrome
locked · distance-first · conditional rows
[WIREFRAME] Static — four data shapes shown simultaneously. In production, one tooltip renders per hovered cell.
compact — elev only
May 21
3.4 miElev39 ft
full — elev + duration + legs
May 21· 2 rides
3.4 miElev39 ft
Duration42 min
·
·
minimal — miles only
May 19
1.2 minull miles — sparse row
May 16
—Variant B — Inline Subtext
compressed · single metrics line · alt
compact
May 213.4 mi
39 ft
full
May 21· 2 rides3.4 mi
39 ft · 42 min
·
·
minimal
May 191.2 mi
Variant C — Route-Forward
destination-as-header · distance in body · alt
with legs
May 21
Distance3.4 mi
Elev39 ft
Duration42 min
·
no legs (falls back to date)
May 21
Distance3.4 mi
Elev39 ft
minimal
May 19
Distance1.2 mi
bike-tooltip-lab · 3 variants · locked: A
2026-05-29