前言

你知道什麼是**「熱力圖 (Heatmap)」**嗎?這是一種視覺化技術,透過顏色來呈現數據的強度,例如 GitHub 貢獻日曆。

在 Notion 中,雖然沒有內建的熱力圖功能,但透過 Notion Formula 2.0 的進化,像是 lets()、style(),我們可以創造出類似的視覺化效果!

在這篇文章中,你將知道:

✅ 如何透過 Notion 公式創建打卡日誌。

✅ 結合自己常用的打卡模式,來視覺化顯示數據。

如果你對 習慣追蹤系統 有興趣,還可以參考這篇文章〈習慣打卡的不同模板設計〉,現在,就讓我們開始吧!🚀

✨日誌 + 周檢視

有些朋友會使用「日曆」的方式做習慣打卡,例如每天都要看是否早起、是否運動、是否閱讀等,這種模式中,習慣項目就是欄位,每次新增日期做為新的資料,這種方式特別適合已經有在寫日誌的朋友使用的。

資料庫設置

建立以下的資料庫和欄位:

注意事項

公式 - 日誌視圖

將習慣紀錄轉換為每日的狀態檢視,提供直覺化的打卡紀錄。

lets(
    周幾, prop("日期").formatDate("ddd"),
    打卡狀態, [prop("學習"), prop("護理"), prop("早睡"), prop("運動"), prop("閱讀")],
    
    周幾.style("c", "b", "green") 
    + " "
    + 打卡狀態.map(if(current==true,"✅", "⬜")).join("")
)

平時可以使用日曆視圖,作為打卡的頁面,如果你想要有當天狀態的檢視,可以使用 Filter 篩選當天的資料即可。

image.png