Graphs/Calendar Heatmap

Edit src/renderers/d3/time/calendar-heatmap.ts and save to see changes across all configurations

Tests: 27Sections: 5
Container SizesSame 1-year dataset, different container dimensions
Small400×250 · 365 rows
Medium600×350 · 365 rows
Large800×450 · 365 rows
Wide950×200 · 365 rows
Tall400×500 · 365 rows
Time SpansVarying amounts of temporal coverage
3 months600×250 · 91 rows
6 months700×300 · 182 rows
1 year800×350 · 366 rows
2 months500×250 · 61 rows
9 months800×350 · 274 rows
Config VariationsDifferent cell sizes, label toggles, and display options
Cell Size 8600×250 · 365 rows
Cell Size 12 (default)700×300 · 365 rows
Cell Size 16900×400 · 365 rows
No Month Labels700×300 · 365 rows
No Day Labels700×300 · 365 rows
No Labels at All700×250 · 365 rows
Color SystemSequential color palettes for intensity mapping
Green (default)700×300 · 365 rows
Blue700×300 · 365 rows
Purple700×300 · 365 rows
Warm700×300 · 365 rows
Default (no palette)700×300 · 365 rows
Edge CasesUnusual data shapes and stress tests
Sparse (few active days)700×300 · 52 rows
All same value700×300 · 365 rows
Single day400×200 · 1 rows
All zeros except one peak700×300 · 365 rows
High activity rate700×300 · 365 rows
Large values700×300 · 365 rows