Heatmap Habit Tracker Widget for Notion
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.