aselimov/hugo-unified-git-activity
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add text labels to heat map

Browse source
This commit is contained in:
Alex Selimov 2026-05-11 21:06:21 -04:00
parent e250019862
commit 7b9b9bdcd3
2 changed files with 16 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/css/heatmap.css
View file

@ -4,3 +4,7 @@
--color-mid: #2E86C1; --color-mid: #2E86C1;
--color-high: #1A5276 --color-high: #1A5276
} }
#heatmap text {
font-family: inherit;
}

12
assets/js/build_heatmap.js
View file

@ -46,6 +46,18 @@ export function render(weeks, counts) {
svg.setAttribute("width", weeks.length * SHIFT + 30); svg.setAttribute("width", weeks.length * SHIFT + 30);
svg.setAttribute("height", SHIFT * 7 + 20); svg.setAttribute("height", SHIFT * 7 + 20);
// Place the labels first
["Mon", "Wed", "Fri"].forEach((label, i) => {
const dayLabel = document.createElementNS(svgNS, "text");
dayLabel.setAttribute("x", 0);
dayLabel.setAttribute("y", (2 * i + 1) * SHIFT + 0.75 * CELL);
dayLabel.setAttribute("font-size", 12);
const text = document.createTextNode(label);
dayLabel.appendChild(text);
svg.appendChild(dayLabel);
});
weeks.forEach((week, col) => { weeks.forEach((week, col) => {
week.forEach((day, row) => { week.forEach((day, row) => {
if (day === null) { if (day === null) {