2b:null 2c:["$","title",null,{"children":"34th Dáil constituency maps | David Cass | Observable"}] 31:T6ca,constituencyMapExperimentClickablewithLinks = { const container = yield htl.html`

`; const map = L.map(container); // Styling for the GeoJSON layer function myStyle(feature) { return { fillColor: "green", weight: 2, opacity: 1, color: "grey", dashArray: 1, fillOpacity: 0.2 }; } // Function to handle each feature in the GeoJSON function onEachFeature(feature, layer) { if (feature.properties && feature.properties.ENG_NAME_VALUE) { layer .bindPopup( "This is the " + `${feature.properties.ENG_NAME_VALUE.slice( 0, -4 )}` + " constituency. " + `

` + `${generateTDsSentence(tds)}` ) .openPopup(); } } // Add GeoJSON layer to the map const geojsonLayer = L.geoJSON(filtered, { style: myStyle, onEachFeature: onEachFeature // Attach popup functionality }); // Check if the GeoJSON has valid data and add it to the map if (geojsonLayer.getLayers().length > 0) { geojsonLayer.addTo(map); // Fit bounds to the single constituency map.fitBounds(geojsonLayer.getBounds(), { maxZoom: 19 }); // Open the popup for the first layer explicitly const firstLayer = geojsonLayer.getLayers()[0]; if (firstLayer) { firstLayer.openPopup(); } } else { console.warn("No valid features found in the GeoJSON data."); } // Add a tile layer to the map L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: "© OpenStreetMap contributors" }).addTo(map); }32:T687,constituencyMapExperimentClickable34 = { const container = yield htl.html`

`; const map = L.map(container); const constituencylayer = L.geoJSON(filtered).addTo(map); function onEachFeature(feature, layer) { // does this feature have a property named popupContent? if (feature.properties && feature.properties.ENG_NAME_VALUE) { layer.bindTooltip(feature.properties.ENG_NAME_VALUE); } } function myStyle(feature) { return { fillColor: "yellow", weight: 2, opacity: 1, color: "grey", dashArray: 1, fillOpacity: 0.1 }; } //function onLocationFound(e) { //var radius = e.accuracy; //L.marker(e.latlng).addTo(map) // .bindPopup("Your current location").openPopup(); //L.circle(e.latlng, //radius // ).addTo(map); //} function highlightFeature(e) { var layer = e.target; layer.setStyle({ weight: 1, color: "", dashArray: "", fillOpacity: 0.01 }); if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) { layer.bringToFront(); } } function resetHighlight(e) { filtered.resetStyle(e.target); } L.geoJSON(filtered, { style: myStyle, onEachFeature: onEachFeature, filter: function (feature, layer) { return feature.properties.CON_SEAT_; } }).addTo(map); map.fitBounds(constituencylayer.getBounds(), { maxZoom: 19 }); //map.locate({setView: false, maxZoom: 9}); L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: "© OpenStreetMap contributors" }).addTo(map); }33:Ta6d,constituencyMapExperimentClickable = { const container = yield htl.html`

`; const map = L.map(container); const constituencylayer = L.geoJSON(constituenciesFromAPI).addTo(map); function onLocationFound(e) { var userLocation = e.latlng; var radius = e.accuracy; var userConstituency = "Unknown Constituency"; // Default message // Loop through constituencies to find the user's constituency constituenciesFromAPI.features.forEach((feature) => { // Convert GeoJSON to a Leaflet polygon layer const layer = L.geoJSON(feature); // Check if the user's location is within this constituency polygon layer.eachLayer(function (polygonLayer) { if ( polygonLayer instanceof L.Polygon && polygonLayer.getBounds().contains(userLocation) ) { if (L.GeometryUtil.inside(userLocation, polygonLayer)) { userConstituency = feature.properties.ENG_NAME_VALUE; } } }); }); // Display user's location with the constituency name L.marker(userLocation) .addTo(map) .bindPopup(`You are here in ${userConstituency}`) .openPopup(); L.circle(userLocation, radius).addTo(map); } function onEachFeature(feature, layer) { // does this feature have a property named popupContent? if (feature.properties && feature.properties.ENG_NAME_VALUE) { layer .bindTooltip(feature.properties.ENG_NAME_VALUE.slice(0, -4)) .openPopup(feature.properties.ENG_NAME_VALUE.slice(0, -4)); } } function myStyle(feature) { return { fillColor: "yellow", weight: 2, opacity: 1, color: "grey", dashArray: 1, fillOpacity: 0.1 }; } function highlightFeature(e) { var layer = e.target; layer.setStyle({ weight: 1, color: "", dashArray: "", fillOpacity: 0.01 }); if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) { layer.bringToFront(); } } function resetHighlight(e) { constituenciesFromAPI.resetStyle(e.target); } map.on("locationfound", onLocationFound); L.geoJSON(constituenciesFromAPI, { style: myStyle, onEachFeature: onEachFeature, filter: function (feature, layer) { return feature.properties.ENG_NAME_VALUE; } }).addTo(map); map.fitBounds(constituencylayer.getBounds(), { maxZoom: 19 }); map.locate({ setView: true, maxZoom: 9 }); L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: "© OpenStreetMap contributors" }).addTo(map); }34:T8ac,constituencyMapExperimentClickable1 = { const container = yield htl.html`

`; const map = L.map(container); const constituencyLayer = L.geoJSON(constituenciesFromAPI).addTo(map); function onLocationFound(e) { var userLocation = e.latlng; var radius = e.accuracy; var userConstituency = "Unknown Constituency"; // Default message // Loop through constituencies to find the user's constituency constituenciesFromAPI.features.forEach((feature) => { const layer = L.geoJSON(feature); if (layer.getBounds().contains(userLocation)) { userConstituency = feature.properties.ENG_NAME_VALUE; } }); // Display user's location with the constituency name L.marker(userLocation) .addTo(map) .bindPopup(`You are here in ${userConstituency}`) .openPopup(); L.circle(userLocation, radius).addTo(map); } function onEachFeature(feature, layer) { if (feature.properties && feature.properties.ENG_NAME_VALUE) { // Bind pop-up with the constituency name layer.bindPopup(feature.properties.ENG_NAME_VALUE); } } function myStyle(feature) { return { fillColor: "yellow", weight: 2, opacity: 1, color: "grey", dashArray: "1", fillOpacity: 0.1 }; } function highlightFeature(e) { var layer = e.target; layer.setStyle({ weight: 2, color: "grey", dashArray: "1", fillOpacity: 0.3 }); if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) { layer.bringToFront(); } } function resetHighlight(e) { constituencyLayer.resetStyle(e.target); } map.on("locationfound", onLocationFound); L.geoJSON(constituenciesFromAPI, { style: myStyle, onEachFeature: onEachFeature, filter: function (feature) { return feature.properties.ENG_NAME_VALUE; } }).addTo(map); map.fitBounds(constituencyLayer.getBounds(), { maxZoom: 19 }); map.locate({ setView: true, maxZoom: 9 }); L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: "© OpenStreetMap contributors" }).addTo(map); }35:T723,constituencyMapExperimentClickableSmall = { const container = yield htl.html`

`; const map = L.map(container); const constituencylayer = L.geoJSON(constituenciesFromAPI).addTo(map); function onLocationFound(e) { var radius = e.accuracy; L.marker(e.latlng).addTo(map) .bindPopup("This is your current location").openPopup(); L.circle(e.latlng, //radius ).addTo(map); } function onEachFeature(feature, layer) { // does this feature have a property named popupContent? if (feature.properties && feature.properties.ENG_NAME_VALUE) { layer.bindTooltip((feature.properties.ENG_NAME_VALUE).slice(0,-4)).openPopup((feature.properties.ENG_NAME_VALUE).slice(0,-4)); } } function myStyle(feature) { return { fillColor: 'yellow', weight: 2, opacity: 1, color: 'grey', dashArray: 1, fillOpacity: .1 }; } function highlightFeature(e) { var layer = e.target; layer.setStyle({ weight: 1, color: '', dashArray: '', fillOpacity: 0.01 }); if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) { layer.bringToFront(); } } function resetHighlight(e) { constituenciesFromAPI.resetStyle(e.target); } map.on('locationfound', onLocationFound); L.geoJSON(constituenciesFromAPI, { style: myStyle, onEachFeature: onEachFeature, filter: function(feature, layer){return feature.properties.ENG_NAME_VALUE} }).addTo(map); map.fitBounds(constituencylayer.getBounds(), {maxZoom: 19}); map.locate({setView: true, maxZoom: 9}); L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: "© OpenStreetMap contributors" }).addTo(map); }36:[{"id":"b9396bcb2fde3bfca81f41f5d05cba258cc7f3549304d6dfb0886bc366a66e6d06334e9e3c224ac307cc973b433e0c953216dc7b1bb8b774bfe3ecd7362d7512","href":"https://static.observableusercontent.com/files/b9396bcb2fde3bfca81f41f5d05cba258cc7f3549304d6dfb0886bc366a66e6d06334e9e3c224ac307cc973b433e0c953216dc7b1bb8b774bfe3ecd7362d7512","name":"resized.geojson","type":"application/geo+json","lastModified":1718181641702.877,"size":4962809},{"id":"b4f6f1b2b8f468fd3f73e0401413e73bde0454fe0723d264b8b0df06cace8f03ac69cf16d0fd7dcd8cc852af9ab83ad84b86b7fa68f73237fe959bd7fb04475e","href":"https://static.observableusercontent.com/files/b4f6f1b2b8f468fd3f73e0401413e73bde0454fe0723d264b8b0df06cace8f03ac69cf16d0fd7dcd8cc852af9ab83ad84b86b7fa68f73237fe959bd7fb04475e","name":"Names_Seats.json","type":"application/json","lastModified":1706129125771.119,"size":2894}] 2f:{"id":"b472a3aa909bb0e2","slug":null,"title":"34th Dáil constituency maps","thumbnail":"d6c857bff3c477b0afb0ddc1c7b9b2ccc8ba28985c72c4ce132fef18c6970047","access_level":"public","create_time":"$D2024-01-24T11:57:51.504Z","update_time":"$D2026-02-23T16:24:27.167Z","view_time":null,"first_public_time":"$D2024-01-24T11:57:51.504Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"1cc7c51c4e129cc6","login":"cassdavid","name":"David Cass","avatar_url":"https://avatars-next.observableusercontent.com/23f715262d714df76a73099e52ee40739329c8543d97eb613e222d55e7fc738b","tier":"starter_2024"},"version":607,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8ed953af6b3ea3ca","login":"cassdavid","name":"David Cass","avatar_url":"https://avatars-next.observableusercontent.com/23f715262d714df76a73099e52ee40739329c8543d97eb613e222d55e7fc738b","tier":null}],"members":[{"type":"individual","id":"8ed953af6b3ea3ca","login":"cassdavid","name":"David Cass","avatar_url":"https://avatars-next.observableusercontent.com/23f715262d714df76a73099e52ee40739329c8543d97eb613e222d55e7fc738b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"34th Dáil constituency maps","cells":[{"id":0,"value":"# 34th Dáil constituency maps\n## Individual constituencies, geoJSON, leaflet.js","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":130,"value":"constituenciesFromAPI_todate = fetch(\n `https://data-osi.opendata.arcgis.com/datasets/osi::constituency-boundaries-ungeneralised-national-electoral-boundaries-2023.geojson?where=1=1&outSR=%7B%22latestWkid%22%3A2157%2C%22wkid%22%3A2157%7D`\n).then((response) => response.json())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":217,"value":"viewof selectConstituency = Inputs.select(sortedNames, {\n label: \"Choose a constituency:\",\n format: (x) => x.name,\n value: names_seats.find((t) => t.name === \"Carlow-Kilkenny\"),\n label: \"Constituency\",\n width: 1090\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":470,"value":"info = md`The constituency of **${selectConstituency.name}** has **${seatsAndNames[0].seats} TDs** in the Thirty-fourth Dáil. Find out more from the [Electoral Commission](https://www.electoralcommission.ie/what-constituency-am-i-in/).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":528,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":289,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":463,"value":"turf = require(\"https://cdn.jsdelivr.net/npm/@turf/turf@6.5.0/turf.min.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":280,"value":"//viewof constituencyPicker = Inputs.select(Array.from(constituencyNames).map(d => d).sort(d3.ascending), {label: \"Choose a constituency\", width: 800})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":258,"value":"viewof searchConstituency = Inputs.text({\n label: \"Select a constituency\",\n placeholder: \"Start typing to search\",\n datalist: names_seats.map(d => d.name),\n width: 800\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"filtered = constituenciesFromAPI.features.filter(d => d.properties.ENG_NAME_VALUE == `${selectConstituency.id}`)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":450,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":436,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"//viewof selectConstituency = Inputs.select(Array.from(new Set(combined.map(d => (d.properties.ENG_NAME_VALUE)))))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"//filtered = combined.filter(d => d.properties.ENG_NAME_VALUE == `${constituencyPicker}`)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"names_seats = FileAttachment(\"Names_Seats.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"sortedNames = names_seats.sort((a, b) => d3.ascending(a.name, b.name))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":478,"value":"seatsAndNames = names_seats\n .flatMap((d) => ({\n name: d.name,\n seats: d.id.slice(-2, -1)\n }))\n .filter((d) => d.name === `${selectConstituency.name}`)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"constituencyNames = Array.from(new Set(constituenciesFromAPI.features.map(d => (d.properties.ENG_NAME_VALUE))))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"//viewof selectConstituency = Inputs.select(Array.from(new Set(constituenciesFromAPI.features.map(d => (d.properties.ENG_NAME_VALUE)))))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":174,"value":"constituencyNamesAndSeats = Array.from(new Set(constituenciesFromAPI.features.map(d => (d.properties.ENG_NAME_VALUE).slice(0,-4)))) ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":380,"value":"constituenciesFromAPI = FileAttachment(\"resized.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":499,"value":"import { data as TDs } from \"e6d4a1e76a251e8e\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":525,"value":"TDs","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":513,"value":"tds = TDs.filter((d) => d.Constituency === `${selectConstituency.name}`).map(\n (d) => ({\n name: d.Deputy,\n party: d.Party,\n page: \"https://www.oireachtas.ie/en/members/member/\" + d.Code.slice(51),\n URI: d.Code.slice(51)\n })\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":567,"value":"generateTDsSentence = (tds) => {\n const selectedTDs = tds.slice(0, Math.max(3, tds.length));\n return `The TDs are ${selectedTDs\n .map((td) => `${td.name}`)\n .join(\", \")}.`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":572,"value":"`${generateTDsSentence(tds)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 30:"$2f:body"