Heatmap Habit Tracker for Notion – Free Custom Widget by Blocky

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.

Start Customizing