Weekly bars
canonWeekly columns from zero against a recommended band (gradient); in band = --goal-in, out of band = --ic-amber; team line breaks on weeks without data.
acrm !4412 + !4413 (Reporty › Koučink, owner approved 1. 10. 2026), verified on dev 2. 10. 2026 (1440 light/dark + 390). Colour = --goal-in / --goal-in-ink / --goal-in-subtle (vivid green, owner rejected faded --positive here) vs --ic-amber; motion only under prefers-reduced-motion: no-preference. App-level next to Spark; before canon: stories (States: in band / out / no goal / no data), usage + a11y, and a decision whether it moves to packages/ui. 2. 10. 2026: beta — usage/a11y written, states reviewed by AD on the preview (koucink-stavy.html). Canon 2. 10. 2026: stories + light/dark baselines merged in !4422, AD-verified in the catalogue. Registry repaired 17 Oct 2026 (review F3): mapped existing Ladle stories.
Used in 1 file · 1 area · 1× — components/sales-reports
A metric by week where the bar length is honest (from zero) against a recommended band. React WeeklyBars (apps/web/src/components/sales-reports/charts/WeeklyBars.tsx), CSS coach-report.css.
When to use
- Weekly values of one coaching metric with a band and an optional team line.
When not to use
- A continuous course within one meeting — use conversation-timeline. One number against a band over weeks without bars — trend-band.
Anatomy
- Props:
labels,values(null= week without data),team,band,statusOf(v),format,bandLabel,summary. - Band zone
is-max/is-min/is-both, a gradient from the recommendation edge. In band--goal-in, out--ic-amber, no goal--accent. - First and last week labelled permanently, others on hover. A week without data is an empty slot, never 0; the team line breaks on it, a lone week is a short tick. A gap is never bridged and never drawn as a false zero.
- No data at all: do not draw an empty chart — show one quiet line („zatím bez dat“) instead.