Overview
dv.span("**🏋️ Exercise 🏋️**")
const calendarData = {
year: 2022,
colors: {
red: ["#ff9e82","#ff7b55","#ff4d1a","#e73400","#bd2a00",]
},
entries: []
}
for(let page of dv.pages('"daily notes"').where(p=>p.exercise)){
calendarData.entries.push({
date: page.file.name,
intensity: page.exercise
})
}
renderHeatmapCalendar(this.container, calendarData)
dv.span("**🏋️ Exercise 🏋️** (Green if you reached your goal of 45 minutes)")
const calendarData = {
year: 2022,
intensityScaleEnd: 45 * 60 * 1000, //convert 45minutes to millis
colors: {
red: ["#ff9e82","#ff7b55","#ff4d1a","#e73400","#bd2a00",
"hsl(132, 90%, 40%)"] //last one green
},
entries: []
}
for(let page of dv.pages('"daily notes"').where(p=>p.exercise)){
calendarData.entries.push({
date: page.file.name,
intensity: page.exercise
})
}
renderHeatmapCalendar(this.container, calendarData)
dv.span("**💸 Money Spent 💸**")
const calendarData = {
entries: [],
}
for(let page of dv.pages('"daily notes"').where(p=>p.moneySpent)){
calendarData.entries.push({
date: page.file.name,
intensity: page.moneySpent
})
}
renderHeatmapCalendar(this.container, calendarData)
dv.span("**💸 Money Spent 💸** (11 intensities instead of 5)")
const calendarData = {
entries: [],
colors: {
oldGithubGreen11:[
"hsl(65, 83%, 88%)",
"hsl(70, 77%, 78%)",
"hsl(80, 62%, 72%)",
"hsl(95, 52%, 66%)",
"hsl(112, 45%, 61%)",
"hsl(125, 43%, 56%)",
"hsl(132, 41%, 49%)",
"hsl(132, 45%, 43%)",
"hsl(132, 49%, 36%)",
"hsl(132, 54%, 29%)",
"hsl(132, 59%, 24%)",
]
},
}
for(let page of dv.pages('"daily notes"').where(p=>p.moneySpent)){
calendarData.entries.push({
date: page.file.name,
intensity: page.moneySpent
})
}
renderHeatmapCalendar(this.container, calendarData)
dv.span("**💸 Money Spent 💸** (custom scale from 250 to 450)")
const calendarData = {
entries: [],
intensityScaleStart: 250,
intensityScaleEnd: 450
}
for(let page of dv.pages('"daily notes"').where(p=>p.moneySpent)){
calendarData.entries.push({
date: page.file.name,
intensity: page.moneySpent
})
}
renderHeatmapCalendar(this.container, calendarData)
dv.span("**💸 Money Spent 💸** (11 intensities + scale from 150)")
const calendarData = {
entries: [],
intensityScaleStart: 150,
colors: {
oldGithubGreen11:[
"hsl(65, 83%, 88%)","hsl(70, 77%, 78%)",
"hsl(80, 62%, 72%)","hsl(95, 52%, 66%)",
"hsl(112, 45%, 61%)","hsl(125, 43%, 56%)",
"hsl(132, 41%, 49%)","hsl(132, 45%, 43%)",
"hsl(132, 49%, 36%)","hsl(132, 54%, 29%)",
"hsl(132, 59%, 24%)",
]
},
}
for(let page of dv.pages('"daily notes"').where(p=>p.moneySpent)){
calendarData.entries.push({
date: page.file.name,
intensity: page.moneySpent
})
}
renderHeatmapCalendar(this.container, calendarData)
dv.span("**🍺 Alcohol Consumption 🍺**")
const calendarData = {
year: 2022,
colors: {
blue: ["#ffdf04","#ffbe04","#ff9a03","#ff6d02","#ff2c01"]
},
entries: [],
showCurrentDayBorder: false
}
for(let page of dv.pages('"daily notes"').where(p=>p.alcohol)){
dv.paragraph(page.file.name + " Alcohol units: " + page.alcohol)
calendarData.entries.push({
date: page.file.name,
intensity: page.alcohol
})
}
renderHeatmapCalendar(this.container, calendarData)
dv.span("**🍺 Alcohol Consumption 🍺** (everything over 8 is full intensity red)")
const calendarData = {
year: 2022,
colors: {
blue: ["#ffdf04","#ffbe04","#ff9a03","#ff6d02","#ff2c01"]
},
entries: [],
showCurrentDayBorder: false,
intensityScaleEnd: 8,
}
for(let page of dv.pages('"daily notes"').where(p=>p.alcohol)){
//dv.paragraph(page.file.name + " Alcohol units: " + page.alcohol)
calendarData.entries.push({
date: page.file.name,
intensity: page.alcohol
})
}
renderHeatmapCalendar(this.container, calendarData)
dv.span("**🔗Writing **- Dont break the chain! 🔗🔗🔗🔗")
const calendarData = {
year: 2022,
colors: {
white: ["#fff","#fff","#fff","#fff333","#fff"],
},
entries: []
}
for(let page of dv.pages('"daily notes"').where(p=>p.writing)){
calendarData.entries.push({
date: page.file.name,
intensity: 4,
content: "🔗"
})
}
//console.log(calendarData)
renderHeatmapCalendar(this.container, calendarData)
//
// Using multiple colors for different variations of entry
//
dv.span("**Time spent with my friend Greg in 2022 :)**")
const calendarData = {
year: 2022,
colors: {
blue: ["#8cb9ff","#69a3ff","#428bff","#1872ff","#0058e2"],
pink: ["#ff96cb","#ff70b8","#ff3a9d","#ee0077","#c30062"],
},
entries: []
}
for(let page of dv.pages('"daily notes"').where(p=>p.social)){
let color = ""
if(page.social.greg.initiative == "incoming"){color="pink"}
//dv.span("page.file.name: "+page.file.name)
calendarData.entries.push({
date: page.file.name,
intensity: page.social.greg.time,
color: color
})
}
renderHeatmapCalendar(this.container, calendarData)
dv.span("** 😊 Mood 😥**")
const hue1 = 13 //red
const hue2 = 132 //green
const calendarData = {
year: 2022,
intensityScaleStart: 1,
intensityScaleEnd: 9,
colors: { // optional, defaults to green
red2greenX21: [
`hsl(${hue1}, 100%, 37%)`, // 1 - darkest red (worst mood)
`hsl(${hue1}, 100%, 50%)`, // 2 -
`hsl(${hue1}, 100%, 60%)`, // 3 -
`hsl(${hue1}, 100%, 77%)`, // 4 - lightest red
`hsl(0, 0%, 80%)`, // 5 - gray (neutral mood)
`hsl(${hue2*0.7}, 70%, 72%)`, // 6 - lightest green
`hsl(${hue2*0.85}, 43%, 56%)`, // 7 -
`hsl(${hue2}, 49%, 36%)`, // 8 -
`hsl(${hue2}, 59%, 24%)`, // 9 - darkest green (best mood)
],
},
entries: [] // populated in the DataviewJS loop below
}
for(let page of dv.pages('"daily notes"').where(p=>p.mood)){
calendarData.entries.push({
date: page.file.name,
intensity: page.mood,
})
}
renderHeatmapCalendar(this.container, calendarData)
For testing
dv.span("**test intensities 0to5**")
const heat = ["#1C0298","#2500D9","#6F04D7","#C911CF","#FD06B2","#FD5C81","#FD7A48","#FD9A75","#FDD276","#FCE4B2"]
let calendarData = {
year: 2022,
colors: {
red: heat
},
entries: []
}
for(let page of dv.pages('"daily notes"').where(p=>p.intensity0to5)){
calendarData.entries.push({
date: page.file.name,
intensity: page.intensity0to5
})
}
renderHeatmapCalendar(this.container, calendarData)
dv.span("**test intensities 0to5ish**")
calendarData = {
year: 2022,
colors: {
red: heat
},
entries: []
}
for(let page of dv.pages('"daily notes"').where(p=>p.intensity0to5ish)){
calendarData.entries.push({
date: page.file.name,
intensity: page.intensity0to5ish
})
}
renderHeatmapCalendar(this.container, calendarData)
dv.span("**test intensities 0to10**")
calendarData = {
year: 2022,
colors: {
red: heat
},
entries: []
}
for(let page of dv.pages('"daily notes"').where(p=>p.intensity0to10)){
calendarData.entries.push({
date: page.file.name,
intensity: page.intensity0to10
})
}
renderHeatmapCalendar(this.container, calendarData)
dv.span("**test intensities 0to25**")
calendarData = {
year: 2022,
colors: {
red: heat
},
entries: []
}
for(let page of dv.pages('"daily notes"').where(p=>p.intensity0to25)){
calendarData.entries.push({
date: page.file.name,
intensity: page.intensity0to25
})
}
renderHeatmapCalendar(this.container, calendarData)
dv.span("**test intensities 0to25 + scale end 15**")
calendarData = {
year: 2022,
intensityScaleEnd: 15,
colors: {
red: heat
},
entries: []
}
for(let page of dv.pages('"daily notes"').where(p=>p.intensity0to25)){
calendarData.entries.push({
date: page.file.name,
intensity: page.intensity0to25
})
}
renderHeatmapCalendar(this.container, calendarData)
