Motivation
A calendar heatmap (à la GitHub's contribution graph) of daily spend or tokens gives an at-a-glance sense of usage patterns and streaks that a line/bar chart doesn't — and is a natural fit for the archive's per-day granularity.
Proposal
Add a heatmap view to the dashboard, one cell per day (color intensity = cost or tokens that day), with a staggered cell-by-cell fade/scale-in animation on load or range change.
Feasibility notes
- Maps directly onto the existing
DailyRecord archive data already surfaced through derive.ts's cost-over-time series — likely just a new render mode in renderer.ts, not a new derive function.
- Staggered reveal is a straightforward CSS/canvas animation (sequential delay per cell), no new architectural surface.
Acceptance criteria
Motivation
A calendar heatmap (à la GitHub's contribution graph) of daily spend or tokens gives an at-a-glance sense of usage patterns and streaks that a line/bar chart doesn't — and is a natural fit for the archive's per-day granularity.
Proposal
Add a heatmap view to the dashboard, one cell per day (color intensity = cost or tokens that day), with a staggered cell-by-cell fade/scale-in animation on load or range change.
Feasibility notes
DailyRecordarchive data already surfaced throughderive.ts's cost-over-time series — likely just a new render mode inrenderer.ts, not a new derive function.Acceptance criteria