Habit Heatmap Generator | GitHub-Style Tracker

How to use

How to use Habit Heatmap

01
Create a habit
Add a habit to track across the year.
02
Log each day
Click a day to mark it, cycling through intensity levels.
03
Watch the year fill
See your consistency build across the contribution calendar.
04
Export as PNG
Save the heatmap as an image to share or keep.

Use cases

Common use cases

—A writer tracks daily writing like a GitHub streak.
—A gym-goer visualizes a year of workouts.
—A learner logs study intensity day by day.
—Someone shares a motivating heatmap of a finished challenge.

Overview

The year-at-a-glance view

A contribution-style calendar compresses a whole year into one grid, so progress and gaps are instantly visible. That big-picture view is powerfully motivating — a growing field of filled squares makes you want to keep it going.

Intensity, not just yes or no

Habits aren't always all-or-nothing. Multiple intensity levels let you record a light day versus an all-in one, giving a richer picture than a simple checkbox and reflecting the real texture of your effort.

Share your streak

Exporting the heatmap as a PNG turns your consistency into something you can post or save as a milestone. Making progress visible and shareable adds a layer of accountability that private tracking lacks.

Features

01: GitHub-style contribution calendar heatmap
02: Multi-level intensity tracking (0-3 clicks)
03: Support for multiple simultaneous habits
04: Year navigation with month labels
05: Consistency rate and active days statistics
06: Export heatmap as PNG image

FAQ

Frequently asked questions

What is a GitHub-style contribution heatmap?+

It's a calendar visualization where each day is a small colored square. Days with activity are filled with varying color intensity based on effort level. Popularized by GitHub's contribution graph, this format gives an instant 'year at a glance' view of your consistency.

How do the intensity levels work?+

Click a day square once for light intensity, twice for medium, three times for strong, and once more to clear. This lets you track not just whether you did a habit, but how well — e.g., 10 minutes of meditation vs 30 minutes.

Can I track multiple habits?+

Yes. Add unlimited habits using the input field. Switch between habits using the badges at the top — each habit has its own independent heatmap and statistics.

Can I export my heatmap?+

Yes. Click 'Export PNG' to download your current habit's heatmap as a high-resolution PNG image. Use it to share on social media, print, or include in habit accountability groups.

Will my data persist between sessions?+

Yes. All habit data is saved to your browser's local storage and persists between sessions. It stays on your device — nothing is sent to any server.

What's the difference between this and the Habit Tracker?+

The Habit Tracker focuses on weekly streaks with a 7-day view and gamification (XP, shields, levels). The Habit Heatmap provides a long-term 'year at a glance' visual, making it ideal for seeing patterns over months and years. Use both together — the tracker for daily check-ins and the heatmap for retrospective analysis.