My daily-note-taking setup, workflow, and code I used to create the charts in the showcase from Obsidian.md

Obsidian Daily-Notes Homepage with Charts.md

Daily-Note setup

Every day before going to bed, I open the day's daily note (custom shortcut Ctrl+D), which has the following template:

---
exercise: -1
guitar: -1
sleep: -1
bedtime: -1
uptime: -1
rating: -1
doing: -1
comment: -1
---
#### Yesterday’s plan for today
![[2024-06-#Plan for tomorrow,]]

#### Plan for tomorrow,
[[]]

- [ ] x

I collect some metadata about the day, write a short retrospective (diary) and plan the next day.

Data is collected with the help of obsidian-dataview, and for the charts, I use obsidian-charts and heatmap-calendar-obsidian. The following dataview codeblocks reside in my Home.md, which automatically opens on startup with the help of obsidian-homepage:

(Disclaimer: The code was written quick-and-dirty, so it might not rigorously follow best-practices)

Main visualizations code

Heatmaps code

charts_preview.png

heatmaps.js

heatmaps.png

main.js

streak-cards-and-status-bars.png

If anyone knows how to properly export the charts as images - rather than taking a screenshot - please let me know!

Claude 4 Opus knows. See updated code.