GitHub 风格习惯热力图：5 款工具对比
搜索 GitHub 贡献图 或 习惯热力图 的用户，多半已经熟悉开发者贡献图：365 个方格，颜色表示当天活跃程度。希望把同一套视觉用在冥想、运动、阅读等习惯上，而不是只看代码提交。
下面对比五款工具，筛选标准有四条：是否接近 GitHub 全年方格、能否嵌入 Notion、是否支持无代码搭建、是否要在 App 内完成打卡。
习惯热力图示例
下面为可交互示例（全年方格、多种配色）。与 GitHub 贡献图类似，但习惯与数值由你自行定义。
🏃 Workouts
同一份示例数据 —— Pro 版六个主题，可滑动或等待 5 秒自动切换。
🏃 Workouts
335 活跃天数 · 最长连续 26 天
🟢GitHub 绿
五款工具对比
| 工具 | 全年方格热力图 | 嵌入 Notion | 无代码搭建 | 页内点击打卡 | 社交互督 |
|---|---|---|---|---|---|
| Streakly | 是 | 是（iframe） | 是 | 是 | 否 |
| Pixela | 是（SVG） | 是（图片链接） | 否（需 API） | 否 | 否 |
| Unadat | 是（移动端） | 否 | 是 | 是（App 内） | 否 |
| Loop | 简化网格 | 否 | 是 | 是（App 内） | 否 |
| HabitShare | 日历色点，非严格方格 | 否 | 是 | 是（App 内） | 是 |
各工具适用场景
Streakly
适用场景：已有 Notion、Coda、Obsidian 等工作流，希望热力图嵌在文档里、用点击格子完成打卡，不想维护脚本或 API。
Pixela
适用场景：开发者，希望用 HTTP 请求、定时任务或 GitHub Action 写入数据，由服务生成 SVG 热力图；接受无点击式 UI。
Unadat
适用场景：以手机 App 为主，需要原生 iOS/Android 体验，不需要把图嵌进 Notion。
Loop
适用场景：Android 用户，重视开源与离线，接受比 GitHub 更简化的网格，不需要账号与嵌入。
HabitShare
适用场景：动力来自与朋友互相可见的打卡；接受非严格贡献图形态的日历视图。
嵌入 Notion 时的差异
Pixela 在 Notion 中多为静态 SVG，更新依赖你的脚本是否执行。Streakly 的 embed 可在页面内点击格子写入当天记录（需开启对应嵌入打卡设置）。若 Notion 是每日入口，这一点会减少「打开另一个标签补打卡」的步骤。
如何选择
| 需求 | 推荐工具 |
|---|---|
| GitHub 风格 + Notion 嵌入 + 点击打卡 | Streakly |
| API / 自动化写入 | Pixela |
| 原生移动 App + 热力图 | Unadat |
| Android 开源、离线 | Loop |
| 朋友互相监督 | HabitShare |
快速搭建（以嵌入 Notion 为例）
- 打开 streakly.org，创建习惯 widget。
- 选择配色（绿色最接近 GitHub 默认风格）。
- 在面板复制嵌入链接。
- 在 Notion 输入
/embed粘贴链接。 - 在格子中点击完成当日打卡。
准备好开始追踪了吗？
免费试用 Streakly —— 30 秒将美观的热力图嵌入 Notion。
相关文章
Study Streak 学习连续打卡：工具对比与 Notion 嵌入
搜 study streak 或学习打卡工具？对比五款工具：学期热力图、手动记录、能否嵌入 Notion。含热力图示例。
Coding Tracker + Streak Counter：GitHub 风格热力图，可嵌入 Notion 打卡
搜 coding tracker 或 streak counter？对比五款工具：全年热力图、手动打卡、能否嵌入 Notion。含可交互热力图示例。
Notion 习惯追踪：数据库 DIY 与热力图嵌入对比
在 Notion 里追踪习惯有两种常见做法：自建数据库或嵌入热力图。对比搭建时间、连续打卡可见性、每日打卡步骤。
