# Heatmap Habit Tracker

## Widget Variant Overview

## Description
Visualize your consistency with a heatmap-style habit tracker that's both aesthetic and functional in Notion.

## Content
# 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

1. In Blocky, select the **Heatmap Habit Tracker** variant.
2. Link your Notion database and assign the date + status fields.
3. Choose your heatmap style, colors, and time range.
4. Copy the embed link.
5. Paste into your Notion page using `/embed`.

You’ll see your progress — one day at a time.

---

---
This content is from the Blocky Variant display, a platform for creating custom Notion widgets including charts, timers, study tools, and productivity enhancers.