25:["$","title",null,{"children":"Valinnanvapauskokeilun matka-ajat | HealthDataVisualization | Observable"}] 49:T60b2,viewof mapUI = { /* ─── palette & sizing to match example ───────────────────── */ const PURPLE_RAMP = ["#e8e1fe","#cbbbfd","#af94fc","#926efb","#7549f9","#5a28f6"]; const ACCENT = "#7549f9"; const OUTLINE_DARK = "#29254d"; const HOVER_STROKE = "#FFDC52"; const TA_COLOR = "#29254d"; const VV_COLOR = "#E53935"; const SQ_SIZE = 10; const SQ_HALF = SQ_SIZE / 2; const ST_R = 6; /* ─── dimensions (square map like example) ────────────────── */ const BOX = Math.min(640, Math.max(320, width)); const w = BOX, h = BOX; /* ─── selected region & geometry ──────────────────────────── */ const feature = hyvinvointialuerajat.features.find( f => f.properties.nimi === selectedCounty ) ?? hyvinvointialuerajat.features.find(f => f.properties.nimi !== "Ahvenanmaa"); const projection = d3.geoMercator().fitSize([w, h], feature); const path = d3.geoPath().projection(projection); /* ─── municipality borders for selected region ────────────── */ const municipalityFeatures = (munies?.features ?? []).filter( f => f?.properties?.hyvinvointialue_name_fi === selectedCounty ); /* spatial municipality lookup for each square */ const municipalityLookup = municipalityFeatures.map(f => ({ name: f?.properties?.kuntanimi ?? "N/A", feature: f })); function findMunicipalityName(lon, lat) { if (!Number.isFinite(lon) || !Number.isFinite(lat)) return "N/A"; const pt = [lon, lat]; for (const m of municipalityLookup) { if (d3.geoContains(m.feature, pt)) return m.name; } return "N/A"; } /* ─── squares ─────────────────────────────────────────────── */ const raw = regionData[selectedCounty] ?? []; const tempSquares = raw .map(sq => { const pop = +sq.vaesto_250 || 0; const old = +sq.ika_65_250 || 0; const elder_share = pop > 0 ? (old / pop) * 100 : 0; const ttm_vv = +sq.ttm_vv; const ttm_ta = +sq.ttm_ta; const x = +sq.x; const y = +sq.y; const tt_diff = Number.isFinite(ttm_vv) && Number.isFinite(ttm_ta) ? (ttm_vv - ttm_ta) : null; const abs_diff = Number.isFinite(tt_diff) ? Math.max(0, tt_diff) : null; const municipalityName = findMunicipalityName(x, y); return { ...sq, x, y, vaesto_250: pop, ika_65_250: old, elder_share, ttm_vv, ttm_ta, tt_diff, abs_diff, municipalityName }; }) .filter(d => Number.isFinite(d.x) && Number.isFinite(d.y)); /* total 65+ population in selected hyvinvointialue */ const totalElderInCounty = d3.sum(tempSquares, d => d.ika_65_250 || 0); const squares = tempSquares.map(d => { const elderCount = +d.ika_65_250 || 0; const weighted_diff = (elderCount >= 1 && Number.isFinite(d.abs_diff) && totalElderInCounty > 0) ? d.abs_diff * (elderCount / totalElderInCounty) * 1000 : 0; const colorValue = colorMode === "Population-weighted difference" ? weighted_diff : d.abs_diff; return { ...d, weighted_diff, colorValue }; }); /* ─── stations ────────────────────────────────────────────── */ const taStations = ta .filter(s => s.hva_nimi === selectedCounty) .map(s => ({ id: String(s.euref_250), name: s.toimipiste, type: "ta", lat: +s.lat, lon: +s.lon })) .filter(s => Number.isFinite(s.lat) && Number.isFinite(s.lon)); const vvStations = vv_asemat .filter(s => s.hyvinvointialue === selectedCounty) .map(s => ({ id: String(s.euref_250), name: s.toimipiste, type: "vv", lat: +s.lat, lon: +s.lon })) .filter(s => s.id && Number.isFinite(s.lat) && Number.isFinite(s.lon)); const stMap = new Map(); [...taStations, ...vvStations].forEach(s => { if (!stMap.has(s.id)) stMap.set(s.id, s); }); const stations = Array.from(stMap.values()); const byId = new Map(stations.map(s => [s.id, s])); /* ─── color scale ─────────────────────────────────────────── */ let maxValue; if (colorMode === "Population-weighted difference") { maxValue = 1; } else { const vals = squares.map(d => d.colorValue).filter(v => Number.isFinite(v)); maxValue = d3.max(vals); if (!Number.isFinite(maxValue) || maxValue <= 0) maxValue = 10; const niceCeil = v => { const abs = Math.abs(v); const step = abs <= 30 ? 5 : 10; return Math.ceil(abs / step) * step; }; maxValue = niceCeil(maxValue); } const colorScale = d3.scaleSequential(d3.interpolateRgbBasis(PURPLE_RAMP)) .domain([0, maxValue]) .clamp(true); const legendTitle = colorMode === "Population-weighted difference" ? "VVK − Julkinen × 65+ paino" : "VVK − Julkinen (min)"; /* ─── stats for toolbar ───────────────────────────────────── */ const avgDiff = d3.mean(squares, d => Number.isFinite(d.tt_diff) ? d.tt_diff : undefined); const totalPop = d3.sum(squares, d => d.vaesto_250 || 0); const elderBins = { lt5: 0, lt15: 0, lt30: 0, gte30: 0 }; for (const d of squares) { const elder = +d.ika_65_250 || 0; const diff = Number.isFinite(d.tt_diff) ? Math.max(0, d.tt_diff) : null; if (diff == null) continue; if (diff < 5) elderBins.lt5 += elder; else if (diff < 15) elderBins.lt15 += elder; else if (diff < 30) elderBins.lt30 += elder; else elderBins.gte30 += elder; } const totalElder = d3.sum(squares, d => +d.ika_65_250 || 0); const pct0 = v => (Number.isFinite(v) ? (v * 100).toFixed(0) : "–"); const fmtInt = v => Number.isFinite(v) ? Math.round(v).toLocaleString("fi-FI") : "–"; const zoneColors = [PURPLE_RAMP[0], PURPLE_RAMP[2], PURPLE_RAMP[4], PURPLE_RAMP[5]]; /* ─── tooltip ─────────────────────────────────────────────── */ let tooltip = d3.select("body").select(".ph-map-tooltip"); if (tooltip.empty()) { 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", "10000"); } const hideTooltip = () => tooltip.style("display", "none"); const getXY = evt => { const t = evt?.touches?.[0] || evt?.changedTouches?.[0] || evt; return { x: t?.clientX ?? 0, y: t?.clientY ?? 0 }; }; const fmtSigned0 = d3.format("+.0f"); const fmt1 = d3.format("+.1f"); const fmt2 = d3.format(".2f"); const fmtPct1 = d3.format(".1%"); /* ─── 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") .style("touch-action", "manipulation"); svg.append("g") .style("pointer-events", "none") .selectAll("path") .data([feature]) .join("path") .attr("d", path) .attr("fill", "#f5f5f5") .attr("stroke", "#333") .attr("stroke-width", 1.2); const gSquares = svg.append("g"); const gMunies = svg.append("g").style("pointer-events", "none"); const gStations = svg.append("g"); const gHover = svg.append("g").style("pointer-events", "none"); const hoverRect = gHover.append("rect") .attr("width", SQ_SIZE) .attr("height", SQ_SIZE) .attr("fill", "none") .attr("stroke", OUTLINE_DARK) .attr("stroke-width", 2) .attr("display", "none"); const rects = gSquares.selectAll("rect") .data(squares) .join("rect") .attr("x", d => { const p = projection([d.x, d.y]); return p ? p[0] - SQ_HALF : -9999; }) .attr("y", d => { const p = projection([d.x, d.y]); return p ? p[1] - SQ_HALF : -9999; }) .attr("width", SQ_SIZE) .attr("height", SQ_SIZE) .attr("fill", d => { if (!Number.isFinite(d.colorValue)) return "#e5e7eb"; return colorScale(d.colorValue); }) .attr("fill-opacity", 1); gMunies.selectAll("path.muni-border") .data(municipalityFeatures) .join("path") .attr("class", "muni-border") .attr("d", path) .attr("fill", "none") .attr("stroke", "#9ca3af") .attr("stroke-opacity", 0.95) .attr("stroke-width", 0.85) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("vector-effect", "non-scaling-stroke"); gMunies.append("path") .datum(feature) .attr("d", path) .attr("fill", "none") .attr("stroke", "#333") .attr("stroke-width", 1.2) .attr("vector-effect", "non-scaling-stroke"); const circles = gStations.selectAll("circle") .data(stations) .join("circle") .attr("cx", d => { const p = projection([d.lon, d.lat]); return p ? p[0] : -9999; }) .attr("cy", d => { const p = projection([d.lon, d.lat]); return p ? p[1] : -9999; }) .attr("r", ST_R) .attr("fill", d => d.type === "vv" ? VV_COLOR : TA_COLOR) .attr("stroke", null) .attr("stroke-width", 0) .style("cursor","pointer"); gStations.raise(); function highlightStations(d) { const vv = byId.get(String(d.to_id_vv)); const ta2 = byId.get(String(d.to_id_ta)); circles .attr("stroke", s => (vv && s.id === vv.id) || (ta2 && s.id === ta2.id) ? HOVER_STROKE : null ) .attr("stroke-width", s => (vv && s.id === vv.id) || (ta2 && s.id === ta2.id) ? 2 : 0 ); if (vv) d3.select(circles.filter(s => s.id === vv.id).node())?.raise?.(); if (ta2) d3.select(circles.filter(s => s.id === ta2.id).node())?.raise?.(); } function clearHighlights() { circles.attr("stroke", null).attr("stroke-width", 0); } function showSquareTooltip(event, d) { const { x, y } = getXY(event); const diffTxt = Number.isFinite(d.tt_diff) ? `${fmtSigned0(d.tt_diff)} min` : "N/A"; const vvTxt = Number.isFinite(d.ttm_vv) ? `${d.ttm_vv.toFixed(0)} min` : "N/A"; const taTxt = Number.isFinite(d.ttm_ta) ? `${d.ttm_ta.toFixed(0)} min` : "N/A"; const weightedTxt = Number.isFinite(d.weighted_diff) ? fmt2(d.weighted_diff) : "N/A"; const elderShareTxt = totalElderInCounty > 0 ? fmtPct1((d.ika_65_250 || 0) / totalElderInCounty) : "N/A"; tooltip.html(` Kunta: ${d.municipalityName ?? "N/A"}
VVK − Julkinen: ${diffTxt}
65+ ruudussa: ${fmtInt(d.ika_65_250)}
Osuus alueen 65+ väestöstä: ${elderShareTxt}
Painotettu erotus: ${weightedTxt}
● VVK: ${vvTxt}
● Julkinen: ${taTxt} `) .style("display", "block") .style("left", (x + 20) + "px") .style("top", (y - 125) + "px"); } rects .on("mouseenter", (event, d) => { const p = projection([d.x, d.y]); if (p) hoverRect .attr("x", p[0] - SQ_HALF) .attr("y", p[1] - SQ_HALF) .attr("display", null); highlightStations(d); showSquareTooltip(event, d); }) .on("mousemove", (event, d) => showSquareTooltip(event, d)) .on("mouseleave", () => { hoverRect.attr("display", "none"); clearHighlights(); hideTooltip(); }); function showStationTooltip(event, s) { const { x, y } = getXY(event); tooltip.html(` ${s.name}
${s.type === "vv" ? "Valinnanvapausasema" : "Julkinen terveysasema"} `) .style("display", "block") .style("left", (x + 20) + "px") .style("top", (y - 60) + "px"); } circles .on("mouseenter", (event, s) => { d3.select(event.currentTarget) .attr("stroke", s.type === "vv" ? VV_COLOR : HOVER_STROKE) .attr("stroke-width", 2) .raise(); showStationTooltip(event, s); }) .on("mousemove", (event, s) => showStationTooltip(event, s)) .on("mouseleave", () => { d3.select(event.currentTarget).attr("stroke", null).attr("stroke-width", 0); hideTooltip(); }); /* ─── legend below map ────────────────────────────────────── */ 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(legendTitle); const gradId = "legend-gradient-" + Math.random().toString(36).slice(2); 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 * maxValue)); }); 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; const midValue = maxValue / 2; const tickFmt = colorMode === "Population-weighted difference" ? d3.format(".1f") : d3.format(".0f"); gLegend.append("text") .attr("x", legendPadL) .attr("y", tickY) .attr("font-size", fsTicks) .attr("fill", "#333") .text(`${tickFmt(0)}`); gLegend.append("text") .attr("x", legendPadL + legendBarW / 2) .attr("y", tickY) .attr("font-size", fsTicks) .attr("fill", "#333") .attr("text-anchor","middle") .text(`${tickFmt(midValue)}`); gLegend.append("text") .attr("x", legendPadL + legendBarW) .attr("y", tickY) .attr("font-size", fsTicks) .attr("fill", "#333") .attr("text-anchor","end") .text(`${tickFmt(maxValue)}`); /* ─── toolbar card ────────────────────────────────────────── */ const toolbar = html`

`; const elderBox = html`

65+ väestö VVK − Julkinen -vyöhykkeissä

${[ ["< 5 min", elderBins.lt5, 0], ["5–15 min", elderBins.lt15, 1], ["15–30 min", elderBins.lt30, 2], ["30+ min", elderBins.gte30, 3] ].map(([label, val, i]) => `

${label}

${totalElder > 0 ? `${pct0(val / totalElder)}%` : "–"}

(${fmtInt(val)})

`).join("")}

`; /* ─── mode toggle styling ─────────────────────────────────── */ const modeWrap = html`

`; const modeInner = html`

`; modeInner.appendChild(viewof colorMode); modeWrap.appendChild(modeInner); /* ─── restore functioning selectedCounty dropdown ─────────── */ const slot = toolbar.querySelector("#region-slot"); slot.appendChild(viewof selectedCounty); slot.style.minWidth = "0"; slot.style.flex = "1"; slot.style.position = "relative"; slot.style.display = "flex"; slot.style.alignItems = "center"; const valueSpan = html`${selectedCounty}`; slot.prepend(valueSpan); const form = slot.querySelector("form") || slot; form.style.margin = "0"; form.style.position = "absolute"; form.style.inset = "0"; form.style.opacity = "0"; form.style.width = "100%"; form.style.height = "100%"; form.style.cursor = "pointer"; const label = slot.querySelector("label"); if (label) label.style.display = "none"; const sel = slot.querySelector("select"); if (sel) { sel.style.width = "100%"; sel.style.height = "100%"; sel.style.margin = "0"; sel.style.border = "0"; sel.style.background = "transparent"; sel.style.cursor = "pointer"; sel.style.outline = "none"; } const chevron = html`

`; slot.parentElement.appendChild(chevron); /* ─── outer container ─────────────────────────────────────── */ const container = html`

`; container.append(modeWrap); container.append(toolbar); container.append(elderBox); container.append(svg.node()); container.append(legendSvg.node()); return Object.assign(container, { value: null }); }4a:[{"id":"3a2a112ba3233a05baf9822a9acff26d041c154eac071eb1d272b21bf2c3239f607519e204fd803648e62ed7a591c20d949aef2e517b14d97e038eb738d79d8a","href":"https://static.observableusercontent.com/files/3a2a112ba3233a05baf9822a9acff26d041c154eac071eb1d272b21bf2c3239f607519e204fd803648e62ed7a591c20d949aef2e517b14d97e038eb738d79d8a","name":"Keski-uusimaa_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770814340599.723,"size":3461015},{"id":"ca866c13ceeb81668d6639f331f726bd363f7af05663a53ab343f2af99c0b3ba4f46081c8471632e8006d5cebacee81d91449cfdd8eaa7fca9a6e008b84205e2","href":"https://static.observableusercontent.com/files/ca866c13ceeb81668d6639f331f726bd363f7af05663a53ab343f2af99c0b3ba4f46081c8471632e8006d5cebacee81d91449cfdd8eaa7fca9a6e008b84205e2","name":"Ita-uusimaa_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770814347905.816,"size":4133360},{"id":"3ca43a2b53f3f9eb2b1de6f45a769aa152a925cbec44c77f9eed1e04deccac4a9cc3bf245954f02793c2ebc69ce8b1b87ac2d6395a945f4642f258b17e10bb4d","href":"https://static.observableusercontent.com/files/3ca43a2b53f3f9eb2b1de6f45a769aa152a925cbec44c77f9eed1e04deccac4a9cc3bf245954f02793c2ebc69ce8b1b87ac2d6395a945f4642f258b17e10bb4d","name":"Helsinki_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770814296352.702,"size":532337},{"id":"d6f826acb046cd9429188957626840310188b90c58bdb81b5c796e6a6ed818850ff255f78fa34d10f9dd2f97fb2fd5ecd5322b6c05e68c29f58af3163120e9c7","href":"https://static.observableusercontent.com/files/d6f826acb046cd9429188957626840310188b90c58bdb81b5c796e6a6ed818850ff255f78fa34d10f9dd2f97fb2fd5ecd5322b6c05e68c29f58af3163120e9c7","name":"hva_terveysasemat-1.csv","type":"text/csv","lastModified":1770815336745.774,"size":41436},{"id":"dd2194cffecb4eccf5c47867d43fb92d513e23e0f079b964c143d337b21b9a4e85fb31e76748e35086c70cdb6dd85e52ad54b61da7e00bea920de249858371a8","href":"https://static.observableusercontent.com/files/dd2194cffecb4eccf5c47867d43fb92d513e23e0f079b964c143d337b21b9a4e85fb31e76748e35086c70cdb6dd85e52ad54b61da7e00bea920de249858371a8","name":"Kainuu_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770825075763.864,"size":8347102},{"id":"704e4efb23e34d73b10969d85c1735c67ada14e17c7f7650fca14054c5b354fd2c9373394c74ece6079c9b3dc28a71e344bd466bf0edf0f39db8fe6d2e1060d0","href":"https://static.observableusercontent.com/files/704e4efb23e34d73b10969d85c1735c67ada14e17c7f7650fca14054c5b354fd2c9373394c74ece6079c9b3dc28a71e344bd466bf0edf0f39db8fe6d2e1060d0","name":"hyvinvointialuerajat_2023.geojson","type":"application/geo+json","lastModified":1770815742755.755,"size":167351},{"id":"d279d7177ae8d06682ff0cace386cbea757acf385fa3e931a12e6bd94bab482fcfdffad73a992464a8a710d7559e521055a40ce7d7ca7a882b0249cd8f4fc4d7","href":"https://static.observableusercontent.com/files/d279d7177ae8d06682ff0cace386cbea757acf385fa3e931a12e6bd94bab482fcfdffad73a992464a8a710d7559e521055a40ce7d7ca7a882b0249cd8f4fc4d7","name":"Lansi-uusimaa_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770814380397.527,"size":7700336},{"id":"3e82ad09d66c839ac580ae7c1b5ef54496484566af898b2ff7c420c546fdc3001de13927bf309b49d43d4ea7fd3d0eaf21e7dc151b64a0d237ce1291b624d705","href":"https://static.observableusercontent.com/files/3e82ad09d66c839ac580ae7c1b5ef54496484566af898b2ff7c420c546fdc3001de13927bf309b49d43d4ea7fd3d0eaf21e7dc151b64a0d237ce1291b624d705","name":"Kanta-hame_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770814378634.068,"size":7431016},{"id":"201d99426f0df4895794d7a49a268bed9d29525323680583024b22e9fae9fc8242334eee7763eaa6f54d45eea5e8f9eccccfff935b382af5e58de138c0cb0119","href":"https://static.observableusercontent.com/files/201d99426f0df4895794d7a49a268bed9d29525323680583024b22e9fae9fc8242334eee7763eaa6f54d45eea5e8f9eccccfff935b382af5e58de138c0cb0119","name":"Paijat-hame_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770825082521.003,"size":9508056},{"id":"7d0c8f1419a5538078ad5fec273affb10242fe0223d779279c633656d5a2b33d593dd34221be79aeaaf231a2e6a81f87c0e0a81502b2033d009ed8c71a38035a","href":"https://static.observableusercontent.com/files/7d0c8f1419a5538078ad5fec273affb10242fe0223d779279c633656d5a2b33d593dd34221be79aeaaf231a2e6a81f87c0e0a81502b2033d009ed8c71a38035a","name":"Kymenlaakso_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770814371963.349,"size":6080871},{"id":"ac89727d61fb81a2c734a2ec44dfd5fdf0d11852795d0846085f8c24132b9f6e98d85286f2aacb41206724c842f0d1afed05d2f7e184e272f6d3450139aee20a","href":"https://static.observableusercontent.com/files/ac89727d61fb81a2c734a2ec44dfd5fdf0d11852795d0846085f8c24132b9f6e98d85286f2aacb41206724c842f0d1afed05d2f7e184e272f6d3450139aee20a","name":"Vantaa_kerava_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770814293490.997,"size":568499},{"id":"9b476494439f814c49978a85c251e9536bd7d02c9c6abb16b7905176217ab94295f8b4ab4e624c4fda03d3445f23b24c097dae3f07044834333983e3f53eb451","href":"https://static.observableusercontent.com/files/9b476494439f814c49978a85c251e9536bd7d02c9c6abb16b7905176217ab94295f8b4ab4e624c4fda03d3445f23b24c097dae3f07044834333983e3f53eb451","name":"Keski-pohjanmaa_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770814334538.206,"size":2903515},{"id":"1b9734ec8750dcb2987d14c179cf55adc150be4107afcd34df8351d6aaa9385ea89b7ddab68dcecf62d58b7586dd339cef3c969d88c70af0cb37af55f7be0e09","href":"https://static.observableusercontent.com/files/1b9734ec8750dcb2987d14c179cf55adc150be4107afcd34df8351d6aaa9385ea89b7ddab68dcecf62d58b7586dd339cef3c969d88c70af0cb37af55f7be0e09","name":"Pohjanmaa_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770814361861.373,"size":6033882},{"id":"0a630920e23cb200349ac7cd56ca89176a2275282535d3074469fc41ad23043eb22baa27ba128d60e290d72b900454bc639858817c2f1af565825b72159ffdd3","href":"https://static.observableusercontent.com/files/0a630920e23cb200349ac7cd56ca89176a2275282535d3074469fc41ad23043eb22baa27ba128d60e290d72b900454bc639858817c2f1af565825b72159ffdd3","name":"Pirkanmaa_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770825602853.25,"size":18625779},{"id":"6baffe56a2eddec940b78d7a6c38c28d6298cafddaa7ee29702157f8eeaec386a2ace37366dc9392e627cd44b0c860f6e4d97d984b0fb8187667dbc9d430803a","href":"https://static.observableusercontent.com/files/6baffe56a2eddec940b78d7a6c38c28d6298cafddaa7ee29702157f8eeaec386a2ace37366dc9392e627cd44b0c860f6e4d97d984b0fb8187667dbc9d430803a","name":"Keski-suomi_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770825527959.368,"size":18242538},{"id":"a92f2b360473d1d97613e47ec9d7caed1e6110fecfa7f335c87de34bd42d42846e33d1ed26e4d0d400cc2cfef935736a43bfe2bd4524d9cc1a376b27c903de91","href":"https://static.observableusercontent.com/files/a92f2b360473d1d97613e47ec9d7caed1e6110fecfa7f335c87de34bd42d42846e33d1ed26e4d0d400cc2cfef935736a43bfe2bd4524d9cc1a376b27c903de91","name":"Lappi_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770825589431.067,"size":14077492},{"id":"0098b8d6ccbc4b40f89f3c29b0437c34c37d08fd6597536f24cfd0edac487c57fa8bc9ab97a9a1fd787a54fb982487cd548238bd03c8d4fae081bdb290f0ab7b","href":"https://static.observableusercontent.com/files/0098b8d6ccbc4b40f89f3c29b0437c34c37d08fd6597536f24cfd0edac487c57fa8bc9ab97a9a1fd787a54fb982487cd548238bd03c8d4fae081bdb290f0ab7b","name":"Satakunta_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770825087448.698,"size":10245054},{"id":"ddf00c262657aac1566dccc91711085a1f64c750ea560dfbd4f946f634545ec5ddcaa1b3990d2633d406d97b0a16ffb2d3d8286c62daa5ef38333ee861f93534","href":"https://static.observableusercontent.com/files/ddf00c262657aac1566dccc91711085a1f64c750ea560dfbd4f946f634545ec5ddcaa1b3990d2633d406d97b0a16ffb2d3d8286c62daa5ef38333ee861f93534","name":"Etela-pohjanmaa_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770885700947.251,"size":13963516},{"id":"a43d6b06417ad17c020f4a1cc0163d3fcb04939960d04129bf73b0aa8d2e7350781fb65c0fbc9e6b27df70c998f336b4ac7953d34acb379aeca96cf63a4436ab","href":"https://static.observableusercontent.com/files/a43d6b06417ad17c020f4a1cc0163d3fcb04939960d04129bf73b0aa8d2e7350781fb65c0fbc9e6b27df70c998f336b4ac7953d34acb379aeca96cf63a4436ab","name":"Pohjois-karjala_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770885711993.728,"size":16800723},{"id":"825a98207d57a52bfbf8cbc0bc3246a4ea2942843ee67c0b728b06e3e4823ef93ed8c3123f92a72fe484cbc770528e5a630b512f6fa2df2eb7a69ef1e3190989","href":"https://static.observableusercontent.com/files/825a98207d57a52bfbf8cbc0bc3246a4ea2942843ee67c0b728b06e3e4823ef93ed8c3123f92a72fe484cbc770528e5a630b512f6fa2df2eb7a69ef1e3190989","name":"Varsinais-suomi_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770885719499.083,"size":17327710},{"id":"09ee1f8cd37b03ae33c01db8cf31269e9ae547ecae5ef0625d20a5e184511593559f6b5487a708f831c776e73ebe586f606dfdeb8d4c47271f6918d0ef450f96","href":"https://static.observableusercontent.com/files/09ee1f8cd37b03ae33c01db8cf31269e9ae547ecae5ef0625d20a5e184511593559f6b5487a708f831c776e73ebe586f606dfdeb8d4c47271f6918d0ef450f96","name":"Etela-karjala_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770885677140.492,"size":6908661},{"id":"0b420d0508773904fd61dd219ce3a671cd5c305f5137fa54b6c9b672d88befdc4c758ed3ed0b4480b20d1e25ced737a5470d8875f658f035b4f1f156baae63fe","href":"https://static.observableusercontent.com/files/0b420d0508773904fd61dd219ce3a671cd5c305f5137fa54b6c9b672d88befdc4c758ed3ed0b4480b20d1e25ced737a5470d8875f658f035b4f1f156baae63fe","name":"Pohjois-pohjanmaa_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770885557364.178,"size":18671981},{"id":"137fbde1cc726dbb452183cbc489ed2651db670d82ebb98d69f22ec3fd26d020f17c4e0465e1c774a4346b1593c4b8f9384821057da6eb6cb8482e9359ef1d18","href":"https://static.observableusercontent.com/files/137fbde1cc726dbb452183cbc489ed2651db670d82ebb98d69f22ec3fd26d020f17c4e0465e1c774a4346b1593c4b8f9384821057da6eb6cb8482e9359ef1d18","name":"Etela-savo_ttm_ta_vv_0226.csv","type":"text/csv","lastModified":1770885711417.407,"size":15985563},{"id":"b2c05d366f2a38cb9717bff356b96456af1ebb146a84dff1652a777db2c82ab349e552fd905e358aa726e8c558fb320b1c8f21baf13534dbd867bef80ccbf61c","href":"https://static.observableusercontent.com/files/b2c05d366f2a38cb9717bff356b96456af1ebb146a84dff1652a777db2c82ab349e552fd905e358aa726e8c558fb320b1c8f21baf13534dbd867bef80ccbf61c","name":"valinnanvapauskokeilu_toimipisteet@5.csv","type":"text/csv","lastModified":1771331080027.602,"size":58732},{"id":"20a3c9124651dee648d73911d25a041d2f357752c0e5d76dbdb5fa2176a32392f45bdd7ffed6deb5d8d3c6e39344352d339173ab02dc63ae0e021bcb13d6ad5b","href":"https://static.observableusercontent.com/files/20a3c9124651dee648d73911d25a041d2f357752c0e5d76dbdb5fa2176a32392f45bdd7ffed6deb5d8d3c6e39344352d339173ab02dc63ae0e021bcb13d6ad5b","name":"munies_data.geojson","type":"application/geo+json","lastModified":1773320743785.254,"size":386392}] 29:{"id":"5ef4087e485c47a4","slug":null,"title":"Valinnanvapauskokeilun matka-ajat","thumbnail":"643e00622c30c0a813f635c2d25aee3eb8cff122e63cd2f9da25a3f8386ecac1","access_level":"public","create_time":"$D2026-02-11T10:52:37.578Z","update_time":"$D2026-03-13T15:05:47.468Z","view_time":null,"first_public_time":"$D2026-02-11T10:52:37.578Z","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":466,"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":"Valinnanvapauskokeilun matka-ajat","cells":[{"id":0,"value":"# Valinnanvapauskokeilun matka-ajat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":31,"value":"### Matka-aikamatriisit maakunnittain","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"helsinki = FileAttachment(\"Helsinki_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"kanta_hame = FileAttachment(\"Kanta-hame_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"ita_uusimaa = FileAttachment(\"Ita-uusimaa_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"keski_pohjanmaa = FileAttachment(\"Keski-pohjanmaa_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"keski_uusimaa = FileAttachment(\"Keski-uusimaa_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"kymenlaakso = FileAttachment(\"Kymenlaakso_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"lansi_uusimaa = FileAttachment(\"Lansi-uusimaa_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"pohjanmaa = FileAttachment(\"Pohjanmaa_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"vantaa_kerava = FileAttachment(\"Vantaa_kerava_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"varsinais_suomi = FileAttachment(\"Varsinais-suomi_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"satakunta = FileAttachment(\"Satakunta_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"pohjois_karjala = FileAttachment(\"Pohjois-karjala_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"pohjois_pohjanmaa = FileAttachment(\"Pohjois-pohjanmaa_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"pirkanmaa = FileAttachment(\"Pirkanmaa_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"lappi = FileAttachment(\"Lappi_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":169,"value":"päijät_häme = FileAttachment(\"Paijat-hame_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"keski_suomi = FileAttachment(\"Keski-suomi_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"etelä_karjala = FileAttachment(\"Etela-karjala_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"etelä_pohjanmaa = FileAttachment(\"Etela-pohjanmaa_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"etelä_savo = FileAttachment(\"Etela-savo_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"kainuu = FileAttachment(\"Kainuu_ttm_ta_vv_0226.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"### Terveysasemat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":41,"value":"ta = FileAttachment(\"hva_terveysasemat-1.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":369,"value":"vv_asemat = FileAttachment(\"valinnanvapauskokeilu_toimipisteet@5.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"### Hyvinvointialuerajat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":45,"value":"hyvinvointialuerajat = FileAttachment(\"hyvinvointialuerajat_2023.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":431,"value":"### Kuntarajat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":433,"value":"munies = FileAttachment(\"munies_data.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"#### Install dependencies","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":267,"value":"d3 = require(\"d3@7\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":269,"value":"#### Region data directory","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":239,"value":"regionData = ({\n \"Helsingin kaupunki\": helsinki,\n \"Kanta-Hämeen hyvinvointialue\": kanta_hame,\n \"Itä-Uudenmaan hyvinvointialue\": ita_uusimaa,\n \"Keski-Pohjanmaan hyvinvointialue\": keski_pohjanmaa,\n \"Keski-Uudenmaan hyvinvointialue\": keski_uusimaa,\n \"Kymenlaakson hyvinvointialue\": kymenlaakso,\n \"Länsi-Uudenmaan hyvinvointialue\": lansi_uusimaa,\n \"Pohjanmaan hyvinvointialue\": pohjanmaa,\n \"Vantaan ja Keravan hyvinvointialue\": vantaa_kerava,\n \"Varsinais-Suomen hyvinvointialue\": varsinais_suomi,\n \"Satakunnan hyvinvointialue\": satakunta,\n \"Pohjois-Karjalan hyvinvointialue\": pohjois_karjala,\n \"Pohjois-Pohjanmaan hyvinvointialue\": pohjois_pohjanmaa,\n \"Pirkanmaan hyvinvointialue\": pirkanmaa,\n \"Lapin hyvinvointialue\": lappi,\n \"Päijät-Hämeen hyvinvointialue\": päijät_häme,\n \"Keski-Suomen hyvinvointialue\": keski_suomi,\n \"Etelä-Karjalan hyvinvointialue\": etelä_karjala,\n \"Etelä-Pohjanmaan hyvinvointialue\": etelä_pohjanmaa,\n \"Etelä-Savon hyvinvointialue\": etelä_savo,\n \"Kainuun hyvinvointialue\": kainuu\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":450,"value":"viewof colorMode = Inputs.radio(\n [\n \"Absolute difference\",\n \"Population-weighted difference\"\n ],\n {\n label: \"Karttanäkymä\",\n value: \"Absolute difference\"\n }\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":273,"value":"#### Region selector","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":241,"value":"viewof selectedCounty = Inputs.select(\n Object.keys(regionData).sort((a, b) => a.localeCompare(b, \"fi\")),\n { label: \"Hyvinvointialue\", value: \"Helsingin kaupunki\" }\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":308,"value":"instructions = html`\n

Käyttöohjeet

Valitse alue pudotusvalikosta nähdäksesi tarkemman näkymän
Vie hiiri ruudun päälle nähdäksesi yli 65-vuotiaiden osuuden ja matka-ajat lähimpiin terveysasemiin
Vie hiiri terveysaseman päälle nähdäksesi aseman nimen ja tyypin
Tummat violetit alueet: korkea yli 65-vuotiaiden osuus
Vaaleat violetit alueet: matala yli 65-vuotiaiden osuus

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null