Habit Heatmap: GitHub-Style Year in Pixels Tracker

Log any habit on a GitHub-style contribution heatmap or a year-in-pixels grid. Click to shade a day, drag to paint several, log numbers like minutes or pages, add notes, combine all habits, browse past years, and export a crisp PNG. Streaks, consistency and monthly charts. Free.

Built and maintained by Shehzad Munir ·

Habit Heatmap
Loading Generating Heatmap
Share
Cite or link to this tool

Using this tool in an article, lesson or report? Copy a ready-made link or citation.

HTML link

<a href="https://www.toolnova.org/productivity/habit-heatmap">Habit Heatmap</a> by ToolNova

APA

ToolNova. (2026, October 4). Habit Heatmap [Online tool]. https://www.toolnova.org/productivity/habit-heatmap

MLA

“Habit Heatmap.” ToolNova, 4 Oct. 2026, www.toolnova.org/productivity/habit-heatmap.

Why heatmaps work for habits

A habit heatmap shows a whole year at once, one square per day, darker for more. Add a habit, click a day to log it, click again for a stronger shade, or press and drag across days to paint a whole run. Prefer real numbers? Switch a habit to value mode and log minutes, pages or kilometres; shades scale to your own data. View the last 12 months or any calendar year, switch to a year-in-pixels layout with months as columns, and combine every habit into one overview. Streaks, consistency, weekly-goal weeks, monthly totals and your strongest weekdays update as you go, and a high-resolution PNG makes it easy to share.

GitHub's contribution graph made a whole year of activity visible in one glance, and the same view works for any habit. Long runs of colour are motivating, gaps are honest, and seasonal patterns jump out in a way a list of check-ins never shows. It's the visual version of the “don't break the chain” method: the chain is right there on the screen.

Features

  • GitHub-style contribution heatmap, one square per day
  • Year in pixels layout: 12 months × 31 days
  • Click to log, click again for intensity 1–4, drag to paint many days
  • Value mode for numbers (minutes, pages, km) with automatic shading
  • Day notes (right-click or the day editor)
  • All-habits overview that shades days by how many habits you did
  • Last 12 months or any calendar year
  • Current and longest streak, active days and consistency %
  • Weekly goal: weeks where you hit your target number of days
  • Monthly bar chart and day-of-week breakdown
  • Adjustable square size, Sunday or Monday weeks
  • Crisp PNG export for social media, CSV export, JSON backup
  • Remembers your selected habit and settings, private and free

How to use Habit Heatmap

  1. 1

    Add a habit

    Pick a suggestion like Exercise or Reading, or create your own with a colour and weekly goal.

  2. 2

    Log days

    Click a square to log it, click again for a stronger shade, or press and drag to paint several days.

  3. 3

    Log numbers instead (optional)

    Edit the habit and choose “A number”. Click a day to enter minutes, pages or any value.

  4. 4

    Add notes

    Right-click a day to add a note about it (in value mode, notes go in the same box as the number).

  5. 5

    Explore

    Switch between last 12 months and past years, try the year-in-pixels layout, or choose All habits for a combined view.

  6. 6

    Share it

    Download a PNG of your heatmap, or export CSV and JSON.

Common use cases

  • A GitHub-style chart for exercise, reading or meditation
  • Year in pixels for mood or journaling streaks
  • Logging practice minutes for an instrument or language
  • Tracking running or cycling distance by day
  • Sharing a year of consistency on social media
  • Combining several habits into one overview of good days
  • Spotting seasonal dips and strong months

Detailed guide

Intensity levels or real numbers

Each habit can log in one of two ways:

ModeHow you logHow shades workGood for
IntensityClick to cycle 0 → 4Fixed levels: light, medium, strong, maxEffort, mood, did it / did it well
ValueEnter a number per dayQuartiles of your own logged valuesMinutes, pages, km, reps

Contribution grid or year in pixels

The contribution layout stacks weeks as columns and weekdays as rows, like GitHub, with month labels aligned to the first week of each month. Year in pixels turns the same days into twelve columns, one per month, with days 1 to 31 running down, a popular layout for mood and journaling trackers. Both work for the last 12 months or for any calendar year you've logged.

Stats that explain the colours

Under the grid you get your current streak (today doesn't break it until it's over), longest streak, active days, consistency over the visible range, how many weeks you met your weekly goal, total value logged in value mode, a month-by-month bar chart and the share of each weekday you were active. The All habits view shades each day by how many of your habits you did, a simple way to see your best and worst stretches.

Related tools

Use the full habit tracker for daily check-ins and streak shields, or see your whole life as a grid.

Habit TrackerLife in Weeks CalendarDaily Planner

Frequently asked questions

What is a habit heatmap?

A calendar grid with one square per day, shaded darker the more you did, like GitHub's contribution graph. It shows a year of consistency at a glance.

How do I log a day?

Click its square. Click again for a stronger shade (up to 4), and once more past 4 to clear it. Press and drag to paint several days at once.

Can I log numbers like minutes or pages?

Yes. Edit the habit and choose “A number”. Clicking a day opens a box to enter the value, and shades scale to your own data.

What is year in pixels?

A layout with twelve columns (months) and days 1–31 down the side, popular for mood and journaling. Switch to it with the layout toggle.

Can I see past years?

Yes. Choose last 12 months or any calendar year you have data for from the range menu.

Can I track several habits?

Yes. Each habit has its own heatmap and colour, and All habits combines them into one view.

Can I add notes to a day?

Yes. Right-click a day to open the editor and add a note. Days with notes get a small outline.

How is the streak counted?

Consecutive days with activity. Today doesn't break the current streak until it's over.

What is the weekly goal?

The number of active days you aim for each week. Stats show how many weeks you met it.

Can I download my heatmap as an image?

Yes. The PNG export renders a sharp, high-resolution image with your stats, ready for social media.

Does it save automatically?

Yes. Your habits, the habit you were viewing and your layout settings are saved in your browser and restored next time.

Is my data private?

Yes. It's stored in your browser only. Use the JSON backup to move it to another device.

How do the intensity levels work?

Clicking a day cycles through levels (0-3), so you can record how much effort a habit got that day, not just whether you did it.

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

The Habit Heatmap emphasizes a year-long, GitHub-style calendar view with intensity levels, while the Habit Tracker focuses on short-term streaks and a consistency score.

From the journal

All articles →