Health Card — Walk Modality

Walk Tooltip

Three static tooltip layouts for the walk cell — duration-led, route-led, and symmetric

Variant A — Duration Hero

locked · duration header / route body

[WIREFRAME] Static — four states: full, place-only, duration-only, multi-session

Full — duration + A→B route

WALK
21 min
FROMHome
TOWhole Foods

Place-only — no arrow in route string

WALK
20 min
ATUpper Mountain Ave

Duration-only — no route data

WALK
35 min

Multi-session — 2 walks, rolled total

WALK· 2 sessions
41 min
FROMHome
TOWhole Foods

Variant B — Route Hero

route headline / duration body

Parsed — clean origin → destination

Home → Whole Foods
WALK21 min

Raw address — overflow problem

[WIREFRAME] Overflow case — real address as raw headline

174 Upper Mountain Ave (home) → Whole Foods Montclair, 701 Bloomfield Ave
WALK21 min

Variant C — Symmetric

no hero · equal-weight rows

All fields as labeled rows — no anchor

WALK
DURATION21 min
FROMHome
TOWhole Foods

Degradation matrix

duration + route (A→B)header: WALK + time · body: FROM / TO
duration + place onlyheader: WALK + time · body: AT [place]
duration onlyheader: WALK + time · no hairline, no body
route onlyheader: WALK (no value) · body: FROM / TO
no datatooltip does not render — lattice dot is zero state
notes fieldnever surfaced — excluded from contract
miles (future)add DIST row if present — not in current data

/health-walk-tooltip-lab

2026-05-29