Build a Heatmap Calendar
Build a GitHub-style contribution heatmap that can visualize any time-series data.
Requirements
Render a full-year heatmap grid (7 rows x 52 columns) like GitHub's contribution graphAccept data as JSON: array of {date, value} objectsColor intensity based on value (5 levels: none, low, medium, high, max)Hover tooltip showing date and exact valueCustomizable color themes (green, blue, purple, red)Month labels along the top, day labels on the leftResponsive: scrollable on mobileTechnical Notes
Render using SVG or CSS Grid. Each cell is a small square. Calculate color intensity using quantile-based thresholds.
Bonus Points
Click a day to see detailsYear selector for multi-year dataAnimated fill-in on load