stats B11: EP-Online energy labels (monthly total file → homes per label for NL, Gouda, Gouda PC4s; aggregates only), stats.ep_label_agg, monthly timer with key from ~/.config/stats/ep-online.env, charts on /stats/energy and /stats/gouda

src/routes/stats/gouda/+page.svelte

@@ -3,12 +3,24 @@
 	import Kpi from '#lib/stats/Kpi.svelte';
 	import { barRankOption, change, latest, lineOption, type StatPoint } from '#lib/stats/chart.js';
 	import { compact, num, period } from '#lib/stats/format.js';
+	import { epShareId, EP_LABELS, GOUDA_PC4, labelStackOption } from '#lib/stats/energylabels.js';
 
 	let { data } = $props();
 	const s = $derived(data.series);
 	const a = $derived(data.attributions);
 	const pts = (id: string): StatPoint[] => s[id]?.points ?? [];
 	const last = (id: string) => latest(s[id]?.points);
+	// EP-Online energy labels per Gouda postcode (PC4), latest monthly snapshot.
+	const epShares = (area: string) => EP_LABELS.map((l) => last(epShareId(l, area))?.[1] ?? 0);
+	const epPeriod = $derived(last(epShareId('A', 'GOUDA'))?.[0]);
+	const epRows = $derived([
+		{ name: 'Netherlands', shares: epShares('NL') },
+		{ name: 'Gouda (2800–2809)', shares: epShares('GOUDA') },
+		...GOUDA_PC4.filter((p) => s[epShareId('A', p)]?.points.length).map((p) => ({
+			name: p,
+			shares: epShares(p)
+		}))
+	]);
 
 	const NAMES: Record<string, string> = {
 		NL01: 'Netherlands',
@@ -336,6 +348,18 @@
 				{ unit: '€', decimals: 0 }
 			)}
 	/>
+	{#if epPeriod}
+		<StatChart
+			title="Energy labels by postcode"
+			subtitle={`% of homes with a registered label · ${period(epPeriod, 'M')}`}
+			sources={['eponline']}
+			attributions={a}
+			wide
+			height="440px"
+			note="Latest registered label per home in EP-Online's monthly total file (permit-stage labels left out). 2809 is mostly new-build (Westergouwe)."
+			option={(t) => labelStackOption(t, epRows)}
+		/>
+	{/if}
 </div>
 
 <h2 class="stats-section-title">Neighbourhoods ({data.kwbYear})</h2>