Skip to content
Notion Arena
HomeComponentsTrackersHabit Heatmap Grid
🔥
🔥 TrackersFreeWidgetPopular

Habit Heatmap Grid

GitHub-style contribution grid for up to six habits, with streaks.

Version
v1.4.1
Updated
2026-10-01
Plan
Free
notion.so/your-dashboard
Block height
px
  1. 1In Notion, type /embed and press Enter.
  2. 2Paste the URL below and click Embed link.
  3. 3Drag the block's edge to resize. It updates live from now on.
Embed URL
url
https://notionarena.vercel.app/embed/habit-grid
Or paste it straight into the page
notepad
/embed → paste this URL → Embed link

https://notionarena.vercel.app/embed/habit-grid

Works on every Notion plan. No integration, no OAuth, no server. The trade-off: the widget lives on our host, so it needs network access to render, and a workspace serving thousands of page views a day could hit fair-use limits. For offline-safe delivery, use the HTML block tab.

About this component

A 20-week grid per habit. Click a cell to log it, and the block keeps your longest and current streak. Everything is localStorage, which means it is private and instant, and it means it is per-browser, not synced across your devices or your team.

What it does

  • Click or drag across cells to log; click again to un-log
  • Current + longest streak, and a completion rate per habit
  • Export/import your grid as JSON from the overflow menu
  • Five-step intensity ramp, not just on/off

Where people put it

↳Personal life-OS dashboards
↳Study trackers beside a course database
↳Team rituals page (each person on their own browser)

Pairs well with

All in Trackers
💧
New

Water Intake Tracker

A one-tap daily drink counter with a goal ring and undo.

TrackersFreeWidgetv1.0.0
🌤️
New

Mood & Energy Tracker

Log how you feel in one tap and see the month as a calendar heatmap.

TrackersProWidgetv1.0.0
☑️
New

Daily Routine Checklist

Check off a small daily routine that resets with the local date.

TrackersFreeWidgetv1.0.0