The Heatmap Habit Tracker brings calendar-style habit tracking to your Notion dashboard. Inspired by GitHub contribution graphs, this variant highlights how often you complete a habit over time—using color intensity to show your consistency.
Whether you're building streaks or looking for behavioral patterns, the heatmap reveals how daily action adds up.
✅ Use Cases
🔥 Streak-Based Motivation: See how long you’ve kept your habits going.
📅 Annual or Monthly Views: Zoom out and view long-term consistency.
🧠 Productivity Trends: Spot high- and low-performing periods.
📚 Study Heatmaps: Visualize which days you studied or reviewed flashcards.
🧘 Mood/Wellness Logs: Track sleep, energy, or mindfulness entries over time.
🎨 Features
Calendar-style grid with color-based intensity
Adjustable grid size (7, 30, 90, 365 days)
Smooth color scale transitions for progress or frequency
Supports single or multiple habits
Fully responsive on mobile and tablet
⚙️ Customization Options
Choose Notion database and map date + habit fields
Configure intensity scale (light → dark or cool → warm)
Customize square size, spacing, and rounded corners
Pick color schemes: green, blue, orange, pink, custom gradients
Toggle day labels, month dividers, and tooltips
Optional animation on hover or data load
🔁 Auto-Sync from Notion
The Heatmap Tracker is always in sync with your Notion database. When you mark a habit as complete, the corresponding cell lights up in your grid — no manual updates needed.
🧩 How to Embed in Notion
In Blocky, select the Heatmap Habit Tracker variant.
Link your Notion database and assign the date + status fields.
Choose your heatmap style, colors, and time range.
Copy the embed link.
Paste into your Notion page using /embed.
You’ll see your progress — one day at a time.
Add Heatmap Habit Tracker to Your Workspace
Customize and embed the Heatmap Habit Tracker widget into your Notion page for enhanced productivity and style.