25:["$","title",null,{"children":"Päijät-Häme matka-ajat 2.0 | HealthDataVisualization | Observable"}] 49:T73e9,viewof map = { /* ─── layout sizes ────────────────────────────────────────── */ const SIDEBAR_W = 160; // not used for width calc anymore, but kept for consistency const GAP = 0; const BOX = Math.min(640, Math.max(320, width)); // ← full width (no sidebar) const w = BOX, h = BOX; /* ─── helpers ─────────────────────────────────────────────── */ const normId = x => String(x); const hasPointer = typeof window !== "undefined" && "PointerEvent" in window; const isTouch = typeof window !== "undefined" && window.matchMedia && window.matchMedia("(pointer: coarse)").matches; function safeTime(v){ const x = +v; return Number.isFinite(x) ? x : Infinity; } /* ─── SVG (map) ───────────────────────────────────────────── */ const svg = d3.create("svg") .attr("viewBox", [0, 0, w, h]) .attr("preserveAspectRatio", "xMidYMid meet") .style("width", "100%") .style("height", "auto") .style("display", "block") .attr("font-family", "Poppins, sans-serif") // Allow page vertical scrolling on touch devices .style("touch-action", "pan-y"); /* ── projection & base map ─────────────────────────────────── */ const projection = d3.geoMercator().fitSize([w, h], countywgs84); const path = d3.geoPath().projection(projection); svg.append("g") .attr("class", "ph-county") .style("pointer-events", "none") .selectAll("path") .data(countywgs84.features) .join("path") .attr("d", path) .attr("fill", "#f5f5f5") .attr("stroke","#333"); /* ─── color scale (0–60 min) ──────────────────────────────── */ const colorScale = d3.scaleSequential( d3.interpolateRgbBasis(["#e8e1fe","#cbbbfd","#af94fc","#926efb","#7549f9","#5a28f6"]) ).domain([0, 60]).clamp(true); /* ─── state & style ───────────────────────────────────────── */ const removedNros = new Set(); // string IDs const selectedNros = new Set(); // string IDs let hoveredCircleId = null; const CIRCLE_BASE = "#29254d"; const HOVER_STROKE = "#FFDC52"; const OUTLINE_BLACK = "#29254d"; const RED_FILL = "#E53935"; const RED_STROKE = "#E53935"; const MAX_REMOVED = 4; const LIMIT_MSG = "Voit piilottaa enintään 4 asemaa kerrallaan."; /* ─── tooltip (fixed) ─────────────────────────────────────── */ const tooltip = d3.select("body").append("div") .attr("class", "ph-map-tooltip") .style("position", "fixed") .style("pointer-events", "none") .style("background", "#fff") .style("border", "1px solid #333") .style("border-radius", "4px") .style("padding", "4px 6px") .style("font-family", "Poppins, sans-serif") .style("font-size", "12px") .style("color", "#111") .style("display", "none") .style("z-index", "999999"); // Keep error text from being immediately overwritten by hover tooltips let squelchTooltipUntil = 0; const restoreTooltipStyle = () => { tooltip .style("background", "#fff") .style("border", "1px solid #333") .style("color", "#111"); }; const hideTooltip = () => { restoreTooltipStyle(); tooltip.style("display", "none"); squelchTooltipUntil = 0; if (tooltip._errT) { clearTimeout(tooltip._errT); tooltip._errT = null; } if (tooltip._touchT) { clearTimeout(tooltip._touchT); tooltip._touchT = null; } }; // Keep tooltips on-screen (mobile-friendly) function placeTooltip(x, y) { const pad = 8; const node = tooltip.node(); const tw = (node && node.offsetWidth) ? node.offsetWidth : 140; const th = (node && node.offsetHeight) ? node.offsetHeight : 28; const maxX = window.innerWidth - tw - pad; const maxY = window.innerHeight - th - pad; const left = Math.max(pad, Math.min(x - tw / 2, maxX)); const top = Math.max(pad, Math.min(y - th - 12, maxY)); tooltip.style("left", left + "px").style("top", top + "px"); } // Kill tooltips on zoom/viewport/visibility changes so nothing gets stuck const installOnce = (() => { let done = false; return () => { if (done) return; done = true; window.addEventListener("resize", hideTooltip, {passive:true}); window.addEventListener("orientationchange", hideTooltip, {passive:true}); window.addEventListener("scroll", hideTooltip, {passive:true, capture:true}); document.addEventListener("visibilitychange", hideTooltip); window.addEventListener("blur", hideTooltip); window.addEventListener("wheel", e => { if (e.ctrlKey) hideTooltip(); }, {passive:true}); window.addEventListener("gesturestart", hideTooltip, {passive:true}); // Safari window.addEventListener("keydown", e => { if ((e.ctrlKey || e.metaKey) && (e.key === "+" || e.key === "-" || e.key === "=" || e.key === "0")) { hideTooltip(); } }); }; })(); installOnce(); const getEventClientXY = (evt) => { const t = evt?.touches?.[0] || evt?.changedTouches?.[0] || evt; return { x: t?.clientX ?? 0, y: t?.clientY ?? 0 }; }; const showErrorTooltip = (evt, msg = LIMIT_MSG) => { const { x, y } = getEventClientXY(evt); squelchTooltipUntil = Date.now() + 1500; tooltip .text(msg) .style("display", "block") .style("background", "#b91c1c") .style("border", "1px solid #b91c1c") .style("color", "#fff"); placeTooltip(x, y); clearTimeout(tooltip._errT); tooltip._errT = setTimeout(() => hideTooltip(), 1500); }; /* ─── station labels (from ttm toimipiste_1..5) ───────────── */ const stationLabelMap = (() => { const m = new Map(); for (const d of data_ttm) { for (let i = 1; i <= 5; i++) { const id = d[`to_id_${i}`]; if (id == null) continue; const sid = normId(id); const name = d[`toimipiste_${i}`]; const nm = (name != null && String(name).trim() !== "") ? name : sid; if (!m.has(sid)) m.set(sid, nm); } } return m; })(); const stationLabel = id => stationLabelMap.get(normId(id)) ?? normId(id); /* ─── travel-time helpers ─────────────────────────────────── */ function getTravelTime(d) { for (let i = 1; i <= 5; i++) { const sid = normId(d[`to_id_${i}`]); if (sid && !removedNros.has(sid)) { const t = safeTime(d[`travel_time_p50_${i}`]); if (Number.isFinite(t)) return Math.max(0, Math.min(200, t)); } } return "N/A"; } function getClosestStation(d) { for (let i = 1; i <= 5; i++) { const sid = normId(d[`to_id_${i}`]); const t = safeTime(d[`travel_time_p50_${i}`]); if (sid && !removedNros.has(sid) && Number.isFinite(t)) return sid; } return null; } /* ─── layers ─────────────────────────────────────────────── */ const gSquares = svg.append("g").attr("class", "ph-squares"); const gStations = svg.append("g").attr("class", "ph-stations"); const gHover = svg.append("g").attr("class", "ph-hover").style("pointer-events", "none"); /* ─── squares ─────────────────────────────────────────────── */ const rects = gSquares .selectAll("rect") .data(data_ttm) .join("rect") .attr("x", d => projection([+d.x, +d.y])[0] - 5) .attr("y", d => projection([+d.x, +d.y])[1] - 5) .attr("width", 10) .attr("height", 10) .attr("fill", d => colorScale(getTravelTime(d))) .attr("fill-opacity", 1); const hoverOutline = gHover.append("rect") .attr("width", 10) .attr("height", 10) .attr("fill", "none") .attr("stroke-width", 2) .attr("display", "none"); const clearSquareHover = () => hoverOutline.attr("display", "none"); function updateCircleStyles(hoverIdFromSquares = null) { circles.each(function (c) { const sid = normId(c.nro); const selected = selectedNros.has(sid); const circleHover = hoveredCircleId !== null && sid === hoveredCircleId; const squareHover = !circleHover && hoverIdFromSquares !== null && sid === hoverIdFromSquares; d3.select(this) .attr("fill", removedNros.has(sid) ? RED_FILL : CIRCLE_BASE) .attr("stroke", circleHover ? RED_STROKE : (squareHover ? HOVER_STROKE : null)) .attr("stroke-width", (circleHover || squareHover) ? 2 : 0); if (selected || circleHover || squareHover) d3.select(this).raise(); }); } /* ─── square tooltip helpers ──────────────────────────────── */ function showTooltipSquare(event, d) { if (Date.now() < squelchTooltipUntil) return; const { x, y } = getEventClientXY(event); restoreTooltipStyle(); tooltip .text(`${getTravelTime(d)} min`) .style("display", "block"); placeTooltip(x, y); } function showSquareAtEvent(event, d) { const [px, py] = projection([+d.x, +d.y]); hoverOutline .attr("x", px - 5).attr("y", py - 5) .attr("stroke", OUTLINE_BLACK) .attr("display", null); updateCircleStyles(getClosestStation(d)); showTooltipSquare(event, d); // On touch, auto-hide after a moment so it doesn't stick forever if (isTouch) { clearTimeout(tooltip._touchT); tooltip._touchT = setTimeout(hideTooltip, 1400); } } function onSquareEnter(event, d) { showSquareAtEvent(event, d); } function onSquareMove(event, d){ showTooltipSquare(event, d); } function onSquareLeave(){ clearSquareHover(); updateCircleStyles(null); hideTooltip(); } if (!isTouch) { // Desktop hover behavior rects.on("mouseenter", onSquareEnter) .on("mousemove", onSquareMove) .on("mouseleave", onSquareLeave); } else { // Touch: tap to inspect square rects.on("pointerdown", function(event, d){ if (event.pointerType && event.pointerType !== "touch") return; event.preventDefault(); event.stopPropagation(); showSquareAtEvent(event, d); }); rects.on("touchstart", function(event, d){ event.preventDefault(); event.stopPropagation(); showSquareAtEvent(event, d); }, { passive: false }); } /* ─── circles (touch-friendly) ────────────────────────────── */ const circleById = new Map(); const circles = gStations .selectAll("circle") .data(data_hs) .join("circle") .attr("cx", d => projection([+d.x, +d.y])[0]) .attr("cy", d => projection([+d.x, +d.y])[1]) .attr("r", isTouch ? 10 : 6) // easier to tap on mobile .attr("fill", CIRCLE_BASE) .attr("pointer-events", "all") .style("cursor","pointer") .each(function(d){ circleById.set(normId(d.nro), this); }); function showTooltipCircle(event, d) { if (Date.now() < squelchTooltipUntil) return; const { x, y } = getEventClientXY(event); restoreTooltipStyle(); tooltip .text(stationLabel(d.nro)) .style("display", "block"); placeTooltip(x, y); } function updateRectColors() { const selectedId = [...selectedNros][0]; rects.each(function(d) { const activeClosest = getClosestStation(d); const isSelectedClosest = selectedId != null && activeClosest === selectedId; d3.select(this) .attr("fill", colorScale(getTravelTime(d))) .attr("fill-opacity", selectedId == null ? 1 : (isSelectedClosest ? 1 : 0.6)); }); } /* ─── include/toggle helpers (string IDs) ─────────────────── */ function setStationIncluded(id, included) { const sid = normId(id); if (included) { removedNros.delete(sid); return true; } if (removedNros.has(sid)) return true; if (removedNros.size >= MAX_REMOVED) return false; removedNros.add(sid); return true; } function toggleStation(id) { const sid = normId(id); if (removedNros.has(sid)) { removedNros.delete(sid); return true; } if (removedNros.size >= MAX_REMOVED) return false; removedNros.add(sid); return true; } function syncListFromState() { checkboxById.forEach((inp, id) => { inp.checked = !removedNros.has(normId(id)); }); } function handleCircleToggle(node, d, event) { const sid = normId(d.nro); clearSquareHover(); const ok = toggleStation(sid); if (!ok) { showErrorTooltip(event, LIMIT_MSG); return; } selectedNros.clear(); selectedNros.add(sid); hoveredCircleId = null; updateRectColors(); updateCircleStyles(); syncListFromState(); updateStationStats(); d3.select(node).raise(); // Touch feedback: briefly show the station name if (isTouch) { showTooltipCircle(event, d); clearTimeout(tooltip._touchT); tooltip._touchT = setTimeout(hideTooltip, 1200); } } if (hasPointer) { circles.on("pointerdown", function(event, d){ if (event.pointerType === "touch") { event.preventDefault(); event.stopPropagation(); } handleCircleToggle(this, d, event); }); } else { circles.on("click", function(event, d){ event.preventDefault(); event.stopPropagation(); handleCircleToggle(this, d, event); }); } // Desktop hover tooltips for circles only if (!isTouch) { circles .on("mouseenter", (event, d) => { clearSquareHover(); hoveredCircleId = normId(d.nro); updateCircleStyles(); showTooltipCircle(event, d); }) .on("mousemove", (event, d) => { if (hoveredCircleId === normId(d.nro)) showTooltipCircle(event, d); }) .on("mouseleave", () => { hoveredCircleId = null; updateCircleStyles(); hideTooltip(); }); } gStations.raise(); /* ─── tap empty space clears tooltips/highlights (mobile) ─── */ function clearAllHover() { clearSquareHover(); updateCircleStyles(null); hoveredCircleId = null; hideTooltip(); } if (isTouch) { svg.on("pointerdown", (event) => { const tag = event.target && event.target.tagName; if (tag === "rect" || tag === "circle") return; clearAllHover(); }); svg.on("touchstart", (event) => { const tag = event.target && event.target.tagName; if (tag === "rect" || tag === "circle") return; clearAllHover(); }, { passive: true }); } /* ─── municipality borders (non-interactive) ──────────────── */ svg.append("g") .attr("class", "ph-municipalities") .style("pointer-events", "none") .selectAll("path") .data(municipalitywgs84.features) .join("path") .attr("d", path) .attr("fill","none") .attr("stroke","#989d9e"); /* ─── legend (non-interactive) ────────────────────────────── */ const maxBarW = Math.min(300, w * 0.7); const legendPadL = 24; const legendBarW = maxBarW; const legendSvgW = legendPadL + legendBarW; const fsLabel = Math.round(13 * (legendBarW / 300)); const fsTicks = Math.round(12 * (legendBarW / 300)); const legendH = fsLabel + 6 + 12 + fsTicks + 6; const legendSvg = d3.create("svg") .attr("width", w) .attr("height", legendH) .attr("font-family", "Poppins, sans-serif") .style("pointer-events", "none"); const gLegend = legendSvg.append("g") .attr("transform", `translate(${(w - legendSvgW) / 2},0)`); gLegend.append("text") .attr("x", legendPadL + legendBarW / 2) .attr("y", fsLabel) .attr("text-anchor", "middle") .attr("font-size", fsLabel) .attr("font-weight", 600) .attr("fill", "#333") .text("Matka-aika"); const gradId = "legend-gradient"; const grad = gLegend.append("defs").append("linearGradient") .attr("id", gradId).attr("x1","0%").attr("x2","100%").attr("y1","0%").attr("y2","0%"); d3.range(0, 1.01, 0.1).forEach(t => grad.append("stop") .attr("offset", `${t * 100}%`).attr("stop-color", colorScale(t * 60))); gLegend.append("rect") .attr("x", legendPadL) .attr("y", fsLabel + 6) .attr("width", legendBarW) .attr("height", 12) .attr("fill", `url(#${gradId})`) .attr("stroke", "#989d9e"); const tickY = fsLabel + 6 + 12 + fsTicks; gLegend.append("text").attr("x", legendPadL).attr("y", tickY).attr("font-size", fsTicks).attr("fill", "#333").text("0 min"); gLegend.append("text").attr("x", legendPadL + legendBarW / 2).attr("y", tickY).attr("font-size", fsTicks).attr("fill", "#333").attr("text-anchor","middle").text("30 min"); gLegend.append("text").attr("x", legendPadL + legendBarW).attr("y", tickY).attr("font-size", fsTicks).attr("fill", "#333").attr("text-anchor","end").text("60 min"); /* ─── top toolbar: centered, equal heights, consistent spacing ─ */ const stations = data_hs .map(d => ({ id: normId(d.nro), label: stationLabel(d.nro) })) .sort((a, b) => d3.ascending(a.label, b.label)); const sidebar = html`

`; /* ── references for existing logic ─────────────────────────── */ const listEl = sidebar.querySelector("#station-list"); const checkboxById = new Map(); const limitMsgEl = sidebar.querySelector("#limit-msg"); const limitToastEl = sidebar.querySelector("#limit-toast"); const stnBtn = sidebar.querySelector("#stn-btn"); const stnMenu = sidebar.querySelector("#stn-menu"); const searchEl = sidebar.querySelector("#stn-search"); const resetEl = sidebar.querySelector("#stn-reset"); /* ── dropdown open/close & outside click ───────────────────── */ function isMenuOpen(){ return stnMenu.style.display !== "none"; } function setMenu(open){ stnMenu.style.display = open ? "" : "none"; stnBtn.setAttribute("aria-expanded", open ? "true" : "false"); } stnBtn.addEventListener("click", (e)=>{ e.stopPropagation(); setMenu(!isMenuOpen()); }); stnMenu.addEventListener("mousedown", e => e.stopPropagation()); stnMenu.addEventListener("click", e => e.stopPropagation()); document.addEventListener("click", (e)=>{ if(!sidebar.contains(e.target)) setMenu(false); }); /* ── filter state + renderer ───────────────────────────────── */ let q = ""; function visibleStationsFiltered(){ const query = q; return stations.filter(s => !query || s.label.toLowerCase().includes(query) || s.id.toLowerCase().includes(query) ); } function renderStationList(){ listEl.innerHTML = ""; checkboxById.clear(); visibleStationsFiltered().forEach(addItem); syncListFromState(); } searchEl.addEventListener("input", e => { q = e.target.value.trim().toLowerCase(); renderStationList(); }); resetEl.addEventListener("click", (e) => { e.stopPropagation(); removedNros.clear(); selectedNros.clear(); hoveredCircleId = null; renderStationList(); updateRectColors(); updateCircleStyles(); updateStationStats(); }); function showLimitNotice() { if (isMenuOpen()) { limitMsgEl.style.display = ""; clearTimeout(limitMsgEl._t); limitMsgEl._t = setTimeout(() => { limitMsgEl.style.display = "none"; }, 2000); } if (limitToastEl){ limitToastEl.style.display = ""; clearTimeout(limitToastEl._t); limitToastEl._t = setTimeout(() => { limitToastEl.style.display = "none"; }, 2000); } } function onCheckboxToggle(stId, checked) { const wasOpen = isMenuOpen(); const ok = setStationIncluded(stId, checked); if (!ok) { const inp = checkboxById.get(stId); if (inp) inp.checked = true; showLimitNotice(); return; } selectedNros.delete(stId); hoveredCircleId = null; updateRectColors(); updateCircleStyles(); const node = circleById.get(stId); if (node) d3.select(node).raise(); updateStationStats(); renderStationList(); if (wasOpen) setMenu(true); } function addItem(st) { const row = html` `; const input = row.querySelector("input"); const span = row.querySelector("span"); span.textContent = st.label; span.title = st.label; input.checked = !removedNros.has(st.id); row.addEventListener("mousedown", e => e.stopPropagation()); row.addEventListener("click", e => { e.stopPropagation(); if (e.target !== input) input.checked = !input.checked; onCheckboxToggle(st.id, input.checked); }); input.addEventListener("input", (e) => { e.stopPropagation(); onCheckboxToggle(st.id, e.target.checked); }); input.addEventListener("change", (e) => { e.stopPropagation(); onCheckboxToggle(st.id, e.target.checked); }); checkboxById.set(st.id, input); listEl.append(row); } renderStationList(); /* ── stats ─────────────────────────────────────────────────── */ const statsVisibleEl = sidebar.querySelector("#visible-count"); const statsTotalEl = sidebar.querySelector("#total-count"); const statsAvgEl = sidebar.querySelector("#avg-time"); function updateStationStats() { const total = data_hs.length; let visible = 0; for (const d of data_hs) if (!removedNros.has(normId(d.nro))) visible++; statsVisibleEl.textContent = visible; statsTotalEl.textContent = total; const avg = d3.mean(data_ttm, d => { const t = +getTravelTime(d); return Number.isFinite(t) ? Math.max(0, Math.min(60, t)) : undefined; }); statsAvgEl.textContent = avg == null ? "–" : avg.toFixed(1); } updateStationStats(); /* ─── layout container (toolbar above map) ────────────────── */ const rightCol = html`

`; rightCol.append(sidebar); rightCol.append(svg.node()); rightCol.append(legendSvg.node()); const container = html`

`; container.append(rightCol); container.value = null; return container; } 4a:[{"id":"c67c8de0e816882dbc43a62ac0e08233ad25efdea8111072039f50f0033dac74e5487f158af9a39a64cf92ccf46da49383d677b0872c4e42948660a2a766106e","href":"https://static.observableusercontent.com/files/c67c8de0e816882dbc43a62ac0e08233ad25efdea8111072039f50f0033dac74e5487f158af9a39a64cf92ccf46da49383d677b0872c4e42948660a2a766106e","name":"hs_PH(1).csv","type":"text/csv","lastModified":1755509027793.114,"size":466},{"id":"cf6802581ecded03d874b119fb36dc426e4277f4f6d4ab18730b4708b43b74fb7682d080a77a50d7716bd5911fe435fec0302235578636bff63d9bcf528f29ed","href":"https://static.observableusercontent.com/files/cf6802581ecded03d874b119fb36dc426e4277f4f6d4ab18730b4708b43b74fb7682d080a77a50d7716bd5911fe435fec0302235578636bff63d9bcf528f29ed","name":"county_wgs84(1).json","type":"application/json","lastModified":1755509028828.037,"size":1186137},{"id":"741992a8382c9437e6096441a0ede8d9f981dc772d956d6b9d2f0fa0c87ea699c327d52df785a504b9fd098c558bca1526f1f474c3fa1408c822ca01ea5365fb","href":"https://static.observableusercontent.com/files/741992a8382c9437e6096441a0ede8d9f981dc772d956d6b9d2f0fa0c87ea699c327d52df785a504b9fd098c558bca1526f1f474c3fa1408c822ca01ea5365fb","name":"municipality_wgs84(1).json","type":"application/json","lastModified":1755509029266.896,"size":3132831},{"id":"c33595f4673644d5eefe54a06ca5ce94741de45177c90fa9ea16ec4857bfbbf426f8297bf2117d503d26e517cc524ca04f5b57fa4caf36397f527a853ba4954b","href":"https://static.observableusercontent.com/files/c33595f4673644d5eefe54a06ca5ce94741de45177c90fa9ea16ec4857bfbbf426f8297bf2117d503d26e517cc524ca04f5b57fa4caf36397f527a853ba4954b","name":"ph_ttm_final_250825@1.csv","type":"text/csv","lastModified":1756123646502.19,"size":10938711},{"id":"147522ae2dd7885806583b668cb02e035b12837c1f593a22001fc0c5ba7cbebea33207a2420b63b62945beb66af033e543138ec5858b7ac4397d97fafba56da4","href":"https://static.observableusercontent.com/files/147522ae2dd7885806583b668cb02e035b12837c1f593a22001fc0c5ba7cbebea33207a2420b63b62945beb66af033e543138ec5858b7ac4397d97fafba56da4","name":"ph_ttm_top5_250825.csv","type":"text/csv","lastModified":1756212037189.415,"size":16617046}] 29:{"id":"205207991ac82fb0","slug":null,"title":"Päijät-Häme matka-ajat 2.0","thumbnail":"e7652a14d8bd997ae8ddf0e9508ee4e1c745fedaffd7ebfd1bbc940367d6519a","access_level":"public","create_time":"$D2025-08-18T09:21:31.471Z","update_time":"$D2026-02-19T09:33:21.962Z","view_time":null,"first_public_time":"$D2025-08-18T11:02:28.906Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"654abf273ee0c4dd","login":"healthdatavisualization","name":"HealthDataVisualization","avatar_url":"https://avatars-next.observableusercontent.com/1ca306f7fb059a64561d355d31dd0df9a24d20b712e59163882c7aabbc59f87d","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":247,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5a7dc566b8f7627a","login":"sotedatalab","name":"Kivimakialex","avatar_url":"https://avatars-next.observableusercontent.com/c6d0f2632ca8ff781ea05b3150733731825904a2f9d35f6e7acf34276ba33a18","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"654abf273ee0c4dd","login":"healthdatavisualization","name":"HealthDataVisualization","avatar_url":"https://avatars-next.observableusercontent.com/1ca306f7fb059a64561d355d31dd0df9a24d20b712e59163882c7aabbc59f87d","tier":"starter_2024","role":"editor"},{"type":"individual","id":"5a7dc566b8f7627a","login":"sotedatalab","name":"Kivimakialex","avatar_url":"https://avatars-next.observableusercontent.com/c6d0f2632ca8ff781ea05b3150733731825904a2f9d35f6e7acf34276ba33a18","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Päijät-Häme matka-ajat 2.0","cells":[{"id":0,"value":"# Päijät-Häme matka-ajat 2.0","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"data_hs = FileAttachment(\"hs_PH(1).csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"municipalitywgs84 = FileAttachment(\"municipality_wgs84(1).json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"countywgs84 = FileAttachment(\"county_wgs84(1).json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"data_ttm = FileAttachment(\"ph_ttm_top5_250825.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null