money scenarios: forecast horizon 1–100y (?horizon=), today’s-euro view, scaling gridlines, career paths with job hops and plateaus, crash cycles per portfolio, retirement at 68 with withdrawals, salary path table

src/lib/money-tracker/MoneyChart.svelte

@@ -12,7 +12,7 @@
 		title: string;
 		unit?: string;
 		marker?: { date: string; label: string };
-		/** Vertical gridlines: every month (1 January drawn stronger) or every year. */
+		/** Vertical gridlines: every month (1 January drawn stronger), every year, or every decade. */
 		grid?: GridMode;
 	} = $props();
 	let clientWidth = $state(800);
@@ -33,7 +33,7 @@
 		grid && values.length ? timeGrid(isoDate(from), isoDate(until), grid) : []
 	);
 	let axisTicks = $derived(
-		grid === 'years'
+		grid === 'years' || grid === 'decades'
 			? yearLabels(gridLines, Math.max(2, Math.floor((width - plot.left - plot.right) / 44)))
 			: ticks()
 	);
@@ -123,7 +123,7 @@
 		return result;
 	}
 	function tickLabel(date: string) {
-		return grid === 'years' ? date.slice(0, 4) : dateLabel(date);
+		return grid === 'years' || grid === 'decades' ? date.slice(0, 4) : dateLabel(date);
 	}
 	function dateLabel(date: string, withDay = false) {
 		return new Date(time(date)).toLocaleDateString('en-NL', {