Created
May 10, 2023 22:38
-
-
Save YukiGasai/82829809daa0b488fd16bc7e9c82b6c2 to your computer and use it in GitHub Desktop.
Obsidian Chart Sleep Tracker
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
let pages = dv | |
.pages('#DailyNote') | |
.filter(p => p.date.day != undefined) | |
.filter(p => p.sleepStart != undefined) | |
.sort(p => p.date); | |
if (input.range) pages = pages.slice(input.range * -1); | |
let timeDate = pages.date; | |
const ratingData = pages.rating; | |
const sleepStart = pages.sleepStart; | |
const sleepEnd = pages.sleepEnd; | |
const sleepRatingData = pages.sleepRating; | |
const sleepStartStop = sleepStart.values.map((value, index) => { | |
return [value, sleepEnd.values[index]]; | |
}); | |
const sleepStartStopNumber = sleepStart.values.map((value, index) => { | |
let start = | |
(parseInt(value.split(':')[0]) * 60 + parseInt(value.split(':')[1])) / 60; | |
if (start > 20) { | |
start = start - 24; | |
} | |
const end = | |
(parseInt(sleepEnd.values[index].split(':')[0]) * 60 + | |
parseInt(sleepEnd.values[index].split(':')[1])) / | |
60; | |
return [start, end]; | |
}); | |
const sleepTime = sleepStartStop.map(value => { | |
let startDate = moment(); | |
const endDate = moment('2022-06-16T' + value[1]); | |
const startHour = parseInt(value[0].split(':')[0]); | |
if (startHour > 16) { | |
startDate = moment('2022-06-15T' + value[0]); | |
} else { | |
startDate = moment('2022-06-16T' + value[0]); | |
} | |
return endDate.diff(startDate, 'minutes') / 60; | |
}); | |
timeDate = timeDate.values.map(e => `${e.day}/${e.month}/${e.year}`); | |
const chartData = { | |
beginAtZero: true, | |
data: { | |
labels: timeDate, | |
datasets: [ | |
{ | |
yAxisID: 'A', | |
type: 'line', | |
label: 'Rating', | |
data: ratingData.values, | |
borderColor: ['rgb(255, 99, 132)'], | |
borderWidth: 1, | |
}, | |
{ | |
yAxisID: 'A', | |
type: 'line', | |
label: 'Sleep Duration', | |
data: sleepTime, | |
borderColor: ['rgb(54, 162, 235)'], | |
borderWidth: 1, | |
}, | |
{ | |
yAxisID: 'A', | |
type: 'line', | |
label: 'Sleep Rating', | |
data: sleepRatingData.values, | |
borderColor: ['rgb(255, 206, 86)'], | |
borderWidth: 1, | |
}, | |
{ | |
yAxisID: 'B', | |
type: 'bar', | |
label: 'Sleep', | |
data: sleepStartStopNumber, | |
backgroundColor: ['rgb(153, 102, 255, 0.2)'], | |
borderColor: ['rgb(153, 102, 255, 1)'], | |
borderWidth: 1, | |
}, | |
], | |
}, | |
options: { | |
tooltips: { | |
callbacks: { | |
label: function (t, d) { | |
return 'FFFF'; | |
}, | |
}, | |
}, | |
scales: { | |
A: { | |
type: 'linear', | |
position: 'left', | |
beginAtZero: true, | |
min: 0, | |
}, | |
B: { | |
type: 'linear', | |
position: 'right', | |
max: 13, | |
min: -3, | |
ticks: { | |
fontSize: 40, | |
count: 17, | |
maxTicksLimit: 20, | |
callback: function (value, index, ticks) { | |
if (value < 0) { | |
value = 24 + value; | |
} | |
let minutes = value * 60; | |
let hours = Math.floor(minutes / 60); | |
minutes = minutes % 60; | |
if (minutes < 10) { | |
minutes = '0' + minutes; | |
} | |
if (hours < 10) { | |
hours = '0' + hours; | |
} | |
return hours + ':' + minutes; | |
}, | |
}, | |
}, | |
x: { | |
ticks: { | |
maxRotation: 90, | |
minRotation: 90, | |
}, | |
}, | |
}, | |
}, | |
}; | |
input.func(chartData, dv.container); |
lucasbcgeo
commented
Jan 28, 2024
What is the difference between rating and sleeprating?
Does your weekly note have the same date format as the daily note?
startDate = moment('2022-06-15T' + value[0]); } else { startDate = moment('2022-06-16T' + value[0]); Do you use templater here?
Preview
Insertion
```dataviewjs const settings = { func: window.renderChart, range: 7 } await dv.view("Utils/Views/SleepTracker", settings);
The code is not using templater at all it only requires dataview and the chart.js plugin to render the graph.
What is the difference between rating and sleeprating?
Rating is how good the day was sleep rating how well I slept
Does your weekly note have the same date format as the daily note?
I don't have a weekly note
Thanks for helping me =)
Got it! 🙂
const configsono = {
func: window.renderChart,
startDate: <% moment(tp.file.title,"[S]ww-gggg").day(0).format("DD-MM-YYYY") %>
endDate: <% moment(tp.file.title,"[S]ww-gggg").add(1,'weeks').day(0).format("DD-MM-YYYY") %>
}
await dv.view("Dispensa/Views/SonoUnificado", configSono)
Script
https://github.com/lucasbcgeo/sonorepository/blob/main/SonoUnificado
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment