Reza

chart

2 min read

 
dv.span("** πŸ‡¦πŸ‡² Armenian Learning Heatmap **")
 /* optional βΉοΈπŸ’€βš‘βš πŸ§©β†‘β†“β³πŸ“”πŸ’ΎπŸ“πŸ“πŸ”„πŸ“πŸ”€βŒ¨οΈπŸ•ΈοΈπŸ“…πŸ”βœ¨ */
const calendarData = {
	year: 2025,  // (optional) defaults to current year
	colors: {    // (optional) defaults to green
		blue:        ["#8cb9ff", "#69a3ff", "#428bff", "#1872ff", "#0058e2"], // first entry is considered default if supplied
		green:       ["#c6e48b", "#7bc96f", "#49af5d", "#2e8840", "#196127"],
		red:         ["#ff9e82", "#ff7b55", "#ff4d1a", "#e73400", "#bd2a00"],
		orange:      ["#ffa244", "#fd7f00", "#dd6f00", "#bf6000", "#9b4e00"],
		pink:        ["#ff96cb", "#ff70b8", "#ff3a9d", "#ee0077", "#c30062"],
		orangeToRed: ["#ffdf04", "#ffbe04", "#ff9a03", "#ff6d02", "#ff2c01"]
	},
	showCurrentDayBorder: true, // (optional) defaults to true
	defaultEntryIntensity: 4,   // (optional) defaults to 4
	intensityScaleStart: 10,    // (optional) defaults to lowest value passed to entries.intensity
	intensityScaleEnd: 100,     // (optional) defaults to highest value passed to entries.intensity
	entries: [],                // (required) populated in the DataviewJS loop below
}
 
//DataviewJS loop
for (let page of dv.pages('"Armenia/daily notes"').where(p => p.armenian)) {
	//dv.span("<br>" + page.file.name) // uncomment for troubleshooting
	calendarData.entries.push({
		date: page.file.name,     // (required) Format YYYY-MM-DD
		intensity: page.armenian, // (required) the data you want to track, will map color intensities 
		content: "πŸ‹οΈ",           // (optional) Add text to the date cell
		color: "blue",          // (optional) Reference from *calendarData.colors*. If no color is supplied; colors[0] is used
	})
}
 
renderHeatmapCalendar(this.container, calendarData)
 
 
dv.span("** πŸ‡¦πŸ‡² Armenian Learning Heatmap **")
 
const calendarData = {
	year: 2025,
	colors: {
		blue: ["#8cb9ff", "#69a3ff", "#428bff", "#1872ff", "#0058e2"],
	},
	showCurrentDayBorder: true,
	defaultEntryIntensity: 1,
	intensityScaleStart: 1,
	intensityScaleEnd: 5,
	entries: [],
}
 
// ΨͺΨ§Ψ¨ΨΉ ΨͺΨ¨Ψ―ΫŒΩ„ Ψ³Ψ§ΨΉΨͺ Ψ¨Ω‡ Ψ΄Ψ―Ψͺ Ψ±Ω†Ϊ―
function mapHoursToIntensity(hours) {
	if (hours <= 2) return 1;
	else if (hours <= 4) return 2;
	else if (hours <= 6) return 3;
	else if (hours <= 8) return 4;
	else return 5;
}
 
// Ψ¬Ω…ΨΉβ€ŒΨ’ΩˆΨ±ΫŒ Ψ§Ψ·Ω„Ψ§ΨΉΨ§Ψͺ Ψ§Ψ² ءفحاΨͺ Ψ±ΩˆΨ²Ψ§Ω†Ω‡
for (let page of dv.pages('"Armenia/daily notes"').where(p => p.armenian)) {
	let hours = parseFloat(page.armenian); // فرآ Ψ¨Ψ± Ψ§ΫŒΩ†Ϊ©Ω‡ Ω…Ω‚Ψ―Ψ§Ψ± عددی یا Ψ±Ψ΄ΨͺΩ‡β€ŒΫŒ عددی Ω‡Ψ³Ψͺ
	if (isNaN(hours)) continue;
 
	calendarData.entries.push({
		date: page.file.name,
		intensity: mapHoursToIntensity(hours),
		content: "πŸ“š",  // Ω…ΫŒβ€ŒΨͺΩˆΩ†ΫŒ Ω‡Ψ± Ψ§ΫŒΩ…ΩˆΨ¬ΫŒ Ψ―ΫŒΪ―Ω‡β€ŒΨ§ΫŒ بذاری
		color: "blue",
	})
}
 
renderHeatmapCalendar(this.container, calendarData)

Graph View