From a75fabecb9fdc715c943a00d3773d3aa350ee958 Mon Sep 17 00:00:00 2001 From: Davide Scaini Date: Thu, 14 May 2026 14:57:39 +0200 Subject: [PATCH] explore: thicker heatmap lines (4px + blur) --- site/src/components/Explore.svelte | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/site/src/components/Explore.svelte b/site/src/components/Explore.svelte index f270b86..b51b13c 100644 --- a/site/src/components/Explore.svelte +++ b/site/src/components/Explore.svelte @@ -192,14 +192,14 @@ // Global heatmap — all lines in warm amber, very low opacity so overlapping routes stack up map.addLayer({ id: 'explore-heat-global', type: 'line', source: 'explore-lines', layout: { visibility: 'none' }, - paint: { 'line-width': 2, 'line-opacity': 0.08, 'line-blur': 0.5, 'line-color': '#f97316' }, + paint: { 'line-width': 4, 'line-opacity': 0.10, 'line-blur': 1, 'line-color': '#f97316' }, }); // Per-type heatmap layers — same accumulation trick, type-specific colour for (const [type, hex] of Object.entries(TYPE_COLORS)) { map.addLayer({ id: `explore-heat-${type}`, type: 'line', source: 'explore-lines', filter: ['==', ['get', 'type'], type], layout: { visibility: 'none' }, - paint: { 'line-width': 2, 'line-opacity': 0.1, 'line-blur': 0.5, 'line-color': hex }, + paint: { 'line-width': 4, 'line-opacity': 0.12, 'line-blur': 1, 'line-color': hex }, }); }