2e:null 2f:["$","title",null,{"children":"UK Election 2024: Boundary Data | Jo Wood | Observable"}] 34:T669,function showResults(options = {}) { const { basemap = hexData, regions = hexRegions, labels = true, legend = true, w = 640, title, subtitle } = options; const lookup = toLookup(notionalResults2019, "fid", "winningParty"); const mpParties = [ ...new Set(notionalResults2019.map((d) => d.winningParty)) ]; const {domain, range} = partyPalette; const tuples = domain .map((d, i) => ({domain: d, range: range[i]})) .filter((d) => mpParties.includes(d.domain)); return Plot.plot({ width: w, height: w * 1.4, title: title, subtitle: subtitle, projection: { type: "transverse-mercator", rotate: [2, 0, 0], domain: basemap }, color: { domain: tuples.map((d) => d.domain), range: tuples.map((d) => d.range), legend: legend }, marks: [ Plot.geo(basemap, { stroke: "black", strokeWidth: 0.3, fill: (d) => lookup[d.properties.fid], opacity: 0.7 }) // Plot.geo(regions, { strokeWidth: 1.5 }), // labels // ? Plot.text( // basemap.features, // Plot.centroid({ // text: (d) => d.properties.name3, // fontSize: w / 90, // opacity: 0.8 // }) // ) // : [], // // For tooltips only // Plot.geo( // basemap, // Plot.centroid({ // stroke: null, // fill: null, // tip: true, // title: (d) => // `${d.properties.PCON24NM}\n${lookup[d.properties.fid]} win` // }) // ) ] }); }35:T47e,function showTurnout(options = {}) { const { basemap = hexData, regions = hexRegions, labels = true, legend = true, w = 640, title, subtitle } = options; const luTurnout = toLookup(notionalResults2019, "fid", "turnout"); const luWin = toLookup(notionalResults2019, "fid", "winningParty"); return Plot.plot({ width: w, height: w * 1.4, title: title, subtitle: subtitle, projection: { type: "transverse-mercator", rotate: [2, 0, 0], domain: basemap }, color: {legend: legend, scheme: "Oranges", tickFormat: (d) => `${d}%`}, marks: [ Plot.geo(basemap, { stroke: "black", strokeWidth: 0.3, fill: (d) => luTurnout[d.properties.fid] }), Plot.geo(regions, {strokeWidth: 1.5}), // For tooltips only Plot.geo( basemap, Plot.centroid({ stroke: null, fill: null, tip: true, title: (d) => `${d.properties.PCON24NM}\n${ luWin[d.properties.fid] } win, turnout: ${luTurnout[d.properties.fid]}%` }) ) ] }); }36:T4de,function showBoundaryChange(options = {}) { const { basemap = hexData, regions = hexRegions, labels = true, w = 640, title, subtitle } = options; const luChange = toLookup(notionalResults2019, "fid", "boundaryChange"); const luWin = toLookup(notionalResults2019, "fid", "winningParty"); return Plot.plot({ width: w, height: w * 1.4, title: title, subtitle: subtitle, projection: { type: "transverse-mercator", rotate: [2, 0, 0], domain: basemap }, color: {legend: true, scheme: "Oranges", tickFormat: (d) => `${d}%`}, r: {range: [0.5, 7]}, marks: [ Plot.dot( basemap.features, Plot.centroid({ fill: "firebrick", stroke: "white", strokeWidth: 0.4, r: (d) => luChange[d.properties.fid] }) ), Plot.geo(regions, {strokeWidth: 0.5}), // For tooltips only Plot.geo( basemap, Plot.centroid({ stroke: null, fill: null, tip: true, title: (d) => `${d.properties.PCON24NM}\n${ luWin[d.properties.fid] } win, change: ${luChange[d.properties.fid]}` }) ) ] }); }37:T661,function showMajority(options = {}) { const { basemap = hexData, regions = hexRegions, labels = true, legend = true, w = 640, title, subtitle } = options; const luMajority = toLookup(notionalResults2019, "fid", "majority"); const luWin = toLookup(notionalResults2019, "fid", "winningParty"); const mpParties = [ ...new Set(notionalResults2019.map((d) => d.winningParty)) ]; const {domain, range} = partyPalette; const tuples = domain .map((d, i) => ({domain: d, range: range[i]})) .filter((d) => mpParties.includes(d.domain)); const numFormat = d3.format(","); return Plot.plot({ width: w, height: w * 1.4, title: title, subtitle: subtitle, projection: { type: "transverse-mercator", rotate: [2, 0, 0], domain: basemap }, color: { domain: tuples.map((d) => d.domain), range: tuples.map((d) => d.range), legend: legend }, r: {range: [0.5, 7]}, marks: [ Plot.dot( basemap.features, Plot.centroid({ stroke: "black", strokeWidth: 0.4, r: (d) => luMajority[d.properties.fid], fill: (d) => luWin[d.properties.fid] }) ), Plot.geo(regions, {strokeWidth: 0.5}), // For tooltips only Plot.geo( basemap, Plot.centroid({ stroke: null, fill: null, tip: true, title: (d) => `${d.properties.PCON24NM}\n${ luWin[d.properties.fid] } win, majority: ${numFormat(luMajority[d.properties.fid])}` }) ) ] }); }38:T86e,- `boundaryChange` is an index between 0 and 125.2 that indicated the degree to which the boundaries have changed between 2019 and 2023. Higher numbers indicate more change. - Columns `Con`, `Lab` etc. indicate the modelled number of votes cast for the following parties: - █ `Con`: Conservative and Unionist Party - █ `Lab`: Labour Party - █ `LD`: Liberal Democrats - █ `Grn`: Green Party - █ `Ref`: Reform UK (previously Brexit Party) - █ `SNP`: Scottish National Party - █ `PC`: Plaid Cymru (Wales) - █ `WP`: Workers Party of Britain - █ `DUP`: Democratic Unionist Party (Northern Ireland) - █ `SF`: Sinn Féin (Northern Ireland) - █ `All`: Alliance Party of Northern Ireland - █ `SDLP`: Social Democratic and Labour Party (Northern Ireland) - █ `UUP`: Ulster Unionist Party (Northern Ireland) - █ `TUV`: Traditional Unionist Voice (Northern Ireland) - █ `Ant`: Aontú (Northern Ireland) - █ `PBP`: People Before Profit (Northern Ireland) - █ `Ind`: Independent - █ `other`: Total of all other parties not mentioned above - █ `Speaker`: The speaker of the house does not have any party-affiliated vote in the commons even if elected via a party39:[{"id":"03bd2d7f0d8f92e9bf47859cf6bd5eb5305f61205d13e454f960c5ed5dab9d94ac6faa785a3375cc67cfdc0f1b6a608a3780530b647e129d779506c9dc52abb6","href":"https://static.observableusercontent.com/files/03bd2d7f0d8f92e9bf47859cf6bd5eb5305f61205d13e454f960c5ed5dab9d94ac6faa785a3375cc67cfdc0f1b6a608a3780530b647e129d779506c9dc52abb6","name":"constituencies2024longLatTopo@1.json","type":"application/json","lastModified":1718531373096.001,"size":423181},{"id":"2641a87874adb6a10b505686f70b82b72644a528cfcbe0eb4cc7afdc88da211d6ff58b16830ff40306467b296a5f5aaf939a7a829c480275db3c1168e669a86b","href":"https://static.observableusercontent.com/files/2641a87874adb6a10b505686f70b82b72644a528cfcbe0eb4cc7afdc88da211d6ff58b16830ff40306467b296a5f5aaf939a7a829c480275db3c1168e669a86b","name":"constituencies2024OSGBTopo.json","type":"application/json","lastModified":1718531472330.146,"size":423106},{"id":"5265472f42f0d659197d897a76dbbb5834ddc9148d2abc1b75c0d9d4c455d33165ad8cc2daa89ea44cf64137666071e332a64ed70a9de9220b04dbc481e0e9f1","href":"https://static.observableusercontent.com/files/5265472f42f0d659197d897a76dbbb5834ddc9148d2abc1b75c0d9d4c455d33165ad8cc2daa89ea44cf64137666071e332a64ed70a9de9220b04dbc481e0e9f1","name":"attributes@8.csv","type":"text/csv","lastModified":1718549128910.783,"size":76173},{"id":"e2c2c30be25f77a68ee004fb96f54080b6a9fd2ca9dbb5663d8ee349f31b99688d1de56c90fbe8b6101f21e89cae3060c35f4a8ceb800df5d771d4b22d0513a3","href":"https://static.observableusercontent.com/files/e2c2c30be25f77a68ee004fb96f54080b6a9fd2ca9dbb5663d8ee349f31b99688d1de56c90fbe8b6101f21e89cae3060c35f4a8ceb800df5d771d4b22d0513a3","name":"notionalResults2019@5.csv","type":"text/csv","lastModified":1718549593004.526,"size":67868},{"id":"4bf207ddbe01dccd9777a7503bf1a204798eed2a455ddb2dab4d10e116c38c461a443f96ff2186fa2b681b81b40e55f52d3e1afd7a1b9022ae9d1b61536a2b54","href":"https://static.observableusercontent.com/files/4bf207ddbe01dccd9777a7503bf1a204798eed2a455ddb2dab4d10e116c38c461a443f96ff2186fa2b681b81b40e55f52d3e1afd7a1b9022ae9d1b61536a2b54","name":"hexRegionsPlanarTopo@1.json","type":"application/json","lastModified":1718566630614.505,"size":7439},{"id":"eb2bee9ec4973669127129aec4fca953cffd55d8960a3d0eaf7cfca7e4482d6ece0069aa216cf7891d286168d48b84137275f9e45af05a40f19288ab7a66ab29","href":"https://static.observableusercontent.com/files/eb2bee9ec4973669127129aec4fca953cffd55d8960a3d0eaf7cfca7e4482d6ece0069aa216cf7891d286168d48b84137275f9e45af05a40f19288ab7a66ab29","name":"hexTopoWGS84@1.json","type":"application/json","lastModified":1718566694472.56,"size":215139},{"id":"6d3f57da8b5b2180a8b6468d44af2cc777a776e84338ec11cad1977e7b6acff6144551815b57f6ce7bfadd6be8e09e58e8bca7bfe1eb7eb942726efb41340c9f","href":"https://static.observableusercontent.com/files/6d3f57da8b5b2180a8b6468d44af2cc777a776e84338ec11cad1977e7b6acff6144551815b57f6ce7bfadd6be8e09e58e8bca7bfe1eb7eb942726efb41340c9f","name":"hexTopoPlanar@1.json","type":"application/json","lastModified":1718566729260.944,"size":213988},{"id":"758150fc00d43a976bf70342ff35181b7be3db667edf17cf50a25e9458ba3b14fd5eabfda4b7375d3c7832eaedefdcf7e926fe657bf8f7bfa90740a6df227b4b","href":"https://static.observableusercontent.com/files/758150fc00d43a976bf70342ff35181b7be3db667edf17cf50a25e9458ba3b14fd5eabfda4b7375d3c7832eaedefdcf7e926fe657bf8f7bfa90740a6df227b4b","name":"geoRegionsTopo@1.json","type":"application/json","lastModified":1718572766558.594,"size":135894},{"id":"d1175745fed6265df56a2e9ebd5d9a36ce679164810f86cf1d4b3d495b23b7198aa8671e7cfee0f07f96531639b38e2a679bb466487405615653eea8049fc852","href":"https://static.observableusercontent.com/files/d1175745fed6265df56a2e9ebd5d9a36ce679164810f86cf1d4b3d495b23b7198aa8671e7cfee0f07f96531639b38e2a679bb466487405615653eea8049fc852","name":"geoRegionsOSGBTopo.json","type":"application/json","lastModified":1718572778197.588,"size":135621},{"id":"5354b113ed98ed807b0a5047c165039caddc28851cef5b46ddc454d2ee7b5b4446a17595b99251790fd4d08da1a346c96873390a99444b42c2e16cbb12e99a4e","href":"https://static.observableusercontent.com/files/5354b113ed98ed807b0a5047c165039caddc28851cef5b46ddc454d2ee7b5b4446a17595b99251790fd4d08da1a346c96873390a99444b42c2e16cbb12e99a4e","name":"hexRegionsTopo.json","type":"application/json","lastModified":1716912748564.486,"size":7449}] 32:{"id":"c08d3bf579fa7b6c","slug":"uk-election-2024-boundary-data","title":"UK Election 2024: Boundary Data","thumbnail":"dbfcf3ffe2dae67d30a05e4f3c3039754828d7eb387bb006f7ea63b9e291ad1b","access_level":"public","create_time":"$D2024-05-23T08:41:43.976Z","update_time":"$D2026-09-09T18:57:35.320Z","view_time":null,"first_public_time":"$D2024-05-28T16:48:32.912Z","has_unpublished_edits":null,"fork":false,"stars":10,"starred":false,"owner":{"type":"team","id":"9461f58b209074d5","login":"jwolondon","name":"Jo Wood","avatar_url":"https://avatars-next.observableusercontent.com/27f72cecd1ac20853a533421fab228ce5f611cbc0986c1e420f7d3b1eb49ef50","tier":"starter_2024"},"version":1507,"publish_version":1507,"role":null,"authored":false,"authors":[{"type":"individual","id":"e2432cc13dc447d3","login":"jwolondon","name":"Jo Wood","avatar_url":"https://avatars-next.observableusercontent.com/27f72cecd1ac20853a533421fab228ce5f611cbc0986c1e420f7d3b1eb49ef50","tier":null}],"members":[{"type":"team","id":"9461f58b209074d5","login":"jwolondon","name":"Jo Wood","avatar_url":"https://avatars-next.observableusercontent.com/27f72cecd1ac20853a533421fab228ce5f611cbc0986c1e420f7d3b1eb49ef50","tier":"starter_2024","role":"editor"},{"type":"individual","id":"e2432cc13dc447d3","login":"jwolondon","name":"Jo Wood","avatar_url":"https://avatars-next.observableusercontent.com/27f72cecd1ac20853a533421fab228ce5f611cbc0986c1e420f7d3b1eb49ef50","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":6,"collection":{"id":"e4f7e2e8035950ea","slug":"utilities","title":"utilities","owner":{"id":"9461f58b209074d5","login":"jwolondon","name":"Jo Wood"}},"type":"notebook","body":{"title":"UK Election 2024: Boundary Data","cells":[{"id":0,"value":"# UK Election 2024: Boundary Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":525,"value":"Aligned datasets representing the 650 Westminster parliamentary constituencies up for election in July 2024 along with the notional 2019 General Election results projected onto the 2024 constituencies.\n\nOne set of boundaries shows geographic arrangement, the other a 'hex cartogram' where each constituency is a standard sized hexagon positioned in its approximate geographic location (derived from the hex cartogram from _Automatic Knowledge Ltd_).\n\nTo use in other pages you can import one or more of the datasets and colour mappings here:\n\n```javascript\nimport {\n geoData,\n geoDataOSGB,\n geoRegions,\n geoRegionsOSGB,\n hexData,\n hexDataPlanar,\n hexRegions,\n hexRegionsPlanar,\n notionalResults2019,\n partyClrs,\n partyPalette\n} from \"observable:@jwolondon/uk-election-2024-boundary-data\"\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":94,"value":"

\n ${drawMap(hexData,{regionBoundaries:hexRegions})} ${drawMap(geoData,{regionBoundaries:geoRegions})}\n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1126,"value":"{\n const regionClrs = [\n \"#b57073\",\n \"#85c04c\",\n \"#9460cc\",\n \"#647c40\",\n \"#d07f39\",\n \"#cfad54\",\n \"#489ec3\",\n \"#ca4e98\",\n \"#70c5a3\",\n \"#d0454c\",\n \"#6476bb\",\n \"#cb9ace\"\n ];\n\n const map = t === 0 ? geoData : t === 1 ? hexData : interpMap;\n\n display(\n Plot.plot({\n width: 500,\n height: 430,\n projection: {type: \"reflect-y\", domain: map},\n color: {range: regionClrs},\n marks: [\n Plot.geo(map, {\n stroke: \"black\",\n strokeWidth: 0.1,\n fill: (d) => d.properties.regionNM,\n fillOpacity: 0.7\n })\n ]\n })\n );\n}","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1067,"value":"const t = view(\n Inputs.range([0, 1], {\n label: \"Transition between the two maps\",\n value: 0,\n step: 0.05\n })\n);","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":531,"value":"To export the boundary data as geoJSON files:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":533,"value":"DOM.download(\n () => {\n return new Blob([JSON.stringify(geoData)], {\n type: \"application/geo+json\"\n });\n },\n `geoConstituencies.json`,\n `Save long/lat geographic boundaries as geoJSON`\n)","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1044,"value":"DOM.download(\n () => {\n return new Blob([JSON.stringify(geoDataOSGB)], {\n type: \"application/geo+json\"\n });\n },\n `geoConstituenciesOSGB.json`,\n `Save OSGB geographic boundaries as geoJSON`\n)","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":537,"value":"DOM.download(\n () => {\n return new Blob([JSON.stringify(hexData)], {\n type: \"application/geo+json\"\n });\n },\n `hexConstituencies.json`,\n `Save hex boundaries as geoJSON`\n)","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1376,"value":"DOM.download(\n new Blob(\n [\n `PCON24CD,electorate\\n` +\n hexData.features\n .map((d) => [d.properties.PCON24CD, d.properties.electorate])\n .join(\"\\n\")\n ],\n {type: \"text/csv;charset=utf-8\"}\n ),\n \"electorate.csv\",\n \"Save electorate data as CSV\"\n)","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":716,"value":"## Examples","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":723,"value":"showResults({\n title: \"2019 General Election results\",\n subtitle: \"Estimated projection onto 2024 constituencies\"\n})","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":642,"value":"$34","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":880,"value":"

\n ${showTurnout({\n title: \"2019 General Election turnout\",\n subtitle: \"Estimated projection onto 2024 constituencies\",\n w: 400\n})} ${showTurnout({\n basemap:geoData,\n regions:geoRegions,\n legend:false,\n w: 480\n})}\n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":807,"value":"$35","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":904,"value":"

\n ${showBoundaryChange({\n title: \"Constituency boundary changes 2019 to 2024\",\n w: 400\n})} ${showBoundaryChange({\n basemap:geoData,\n regions:geoRegions,\n w: 420\n})}\n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":835,"value":"$36","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":916,"value":"

\n ${showMajority({\n title: \"2019 General Election winning majority\",\n subtitle: \"Estimated projection onto 2024 constituencies\",\n w: 400\n})} ${showMajority({\n basemap:geoData,\n regions:geoRegions,\n w: 470,\n legend: false\n})}\n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":913,"value":"$37","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":969,"value":"See also, these [election forecast predictions](https://observablehq.com/@jwolondon/uk-election-2024-forecast-mapping) that combine these boundary data with polling data to predict the result of the July 2024 general election. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":529,"value":"## Data Shaping","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":244,"value":"### Geographic Boundaries\n\nThe ONS/Ordnance Survey provide generalised UK parliamentary constituency boundaries for 2024 [here](https://www.data.gov.uk/dataset/723ef91a-e7b1-40ce-b665-6cc11a8dee8a/westminster-parliamentary-constituencies-july-2024-boundaries-uk-buc). The original uses Ordnance Survey National Grid coordinates and the following steps were taken in [mapshaper](https://mapshaper.org) to create the topoJSON used here:\n\n- Exported from the ONS geoportal as a _shapefile_ in order to keep projection information;\n- Exported from mapShaper as a topoJSON file as `constituencies` feature layer (OSGB coordinates)\n- Converted to longitude/latitude with the `-proj wgs84` console option;\n- Exported as a topoJSON file as `constituencies` feature layer (long/lat coordinates).\n\nThe boundary files are stored here as attachments before converting into geoJSON feature collections:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1013,"value":"const geoBoundaries = FileAttachment(\"constituencies2024longLatTopo@1.json\")\n .json()\n .then((d) => topojson.feature(d, \"constituencies\"));\n\nconst geoBoundariesOSGB = FileAttachment(\"constituencies2024OSGBTopo.json\")\n .json()\n .then((d) => topojson.feature(d, \"constituencies\"));","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":547,"value":"Additionally, region boundaries (generated by dissolving in mapshaper) are stored separately:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1050,"value":"const geoRegions = FileAttachment(\"geoRegionsTopo@1.json\")\n .json()\n .then((d) => topojson.feature(d, \"regions\"));\n\nconst geoRegionsOSGB = FileAttachment(\"geoRegionsOSGBTopo.json\")\n .json()\n .then((d) => topojson.feature(d, \"regions\"));","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"### Hex Boundaries\n\nPhilip Brown and Alasdair Rae from _Automatic Knowledge Ltd_ provide a [hex cartogram](https://automaticknowledge.org/wpc-hex/) of the 650 Westminster parliamentary constituencies giving an often more useful base-map for election and constituency mapping ([CC by 4.0 licence and details here](https://automaticknowledge.org/wpc-hex/-readme.txt)). There are two versions of the boundary file – one approximating longitude/latitude values suitable for reprojection in many mapping systems, the other approximating pre-projected Ordnance Survey National Grid coordinates that requires no reprojection.\n\n`uk-wpc-hex-constitcode-v4-nov-2023_EPSG-4326.geojson` was downloaded, providing the hex boundaries located approximately with longitude/latitude coordinates. It was converted into topoJSON format in mapShaper and attached here before converting back to a geoJSON feature collection:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":14,"value":"const hexBoundaries = FileAttachment(\"hexTopoWGS84@1.json\")\n .json()\n .then((d) => topojson.feature(d, \"hexTopo\"));","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":977,"value":"Similarly, `uk-wpc-hex-constitcode-v4-nov-2023.geojson` was downloaded and converted into geoJSON to provide a version with projected planar coordinates:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":979,"value":"const hexBoundariesPlanar = FileAttachment(\"hexTopoPlanar@1.json\")\n .json()\n .then((d) => topojson.feature(d, \"hexTopo\"));","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":491,"value":"Additionally, region boundaries on the hex basemaps (generated in by dissolving in mapshaper) are stored separately:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":997,"value":"const hexRegions = FileAttachment(\"hexRegionsTopo.json\")\n .json()\n .then((d) => topojson.feature(d, \"regions\"));\n\nconst hexRegionsPlanar = FileAttachment(\"hexRegionsPlanarTopo@1.json\")\n .json()\n .then((d) => topojson.feature(d, \"regions\"));","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":272,"value":"### Standardising Attributes\n\nTo support mapping with either the geographic or hex boundaries, a common set of feature attributes to both datasets was created by standardising attribute names and storing region geographies. The following additional changes were made to the combined attribute table:\n\n- Commas removed from constituency names (e.g. \"Argyll, Bute and South Lochaber\") to simplify any export of attributes as CSV files.\n- The hex maps were originally produced using November 2023 GSS codes, which for 5 Scottish constituencies are different to the 2024 GSS code. They were therefore renamed to their 2024 code in both hex files.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":287,"value":"Inputs.table(\n [\n {\n name: \"Ayr, Carrick and Cumnock\",\n november2023Code: \"S14000006\",\n july2024Code: \"S14000107\"\n },\n {\n name: \"Berwickshire, Roxburgh and Selkirk\",\n november2023Code: \"S14000008\",\n july2024Code: \"S14000108\"\n },\n {\n name: \"Central Ayrshire\",\n november2023Code: \"S14000010\",\n july2024Code: \"S14000109\"\n },\n {\n name: \"Kilmarnock and Loudoun\",\n november2023Code: \"S14000040\",\n july2024Code: \"S14000110\"\n },\n {\n name: \"West Aberdeenshire and Kincardine\",\n november2023Code: \"S14000058\",\n july2024Code: \"S14000111\"\n }\n ],\n {layout: \"auto\"}\n)","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":299,"value":"- Excel can incorrectly convert non-ASCII characters so these were replaced with the correct accented characters for affected Welsh names:\n\n * _Gŵyr_\n * _Maldwyn a Glyndŵr_\n * _Merthyr Tudful ac Aberdâre_\n * _Ynys Môn_\n ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":297,"value":"Attributes are stored here as an attachment and shown below:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":233,"value":"const attributes = FileAttachment(\"attributes@8.csv\").csv({typed: true});","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":280,"value":"Inputs.table(attributes, {layout: \"auto\", rows: 8})","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":327,"value":"### Combined datasets\n\nThe attribute objects were combined with the geometry of the two boundary files (hex and geographic) to provide a single pair of geoJSONs for use in Observable for visualization. These can be easily imported into other documents for visualization.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":985,"value":"const geoData = setAttributes(geoBoundaries);\nconst geoDataOSGB = setAttributes(geoBoundariesOSGB);\nconst hexData = setAttributes(hexBoundaries, {\n srcNameKey: \"GSScode\",\n attribNameKey: \"PCON24CD\"\n});\nconst hexDataPlanar = setAttributes(hexBoundariesPlanar, {\n srcNameKey: \"GSScode\",\n attribNameKey: \"PCON24CD\"\n});","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":552,"value":"### Notional 2019 Results\n\nThrasher and Rallings re-aggregated the 2019 General Election results according to the new electoral boundaries used in the 2024 election. For constituencies where the boundaries have changed they modelled the finer grained results based on local election results to estimate the new vote totals. Their modelled results can be found [from the BBC](https://downloads.bbc.co.uk/news/nol/shared/spl/xls_spreadsheets/results_spreadsheet.ods) and further explained on [Wikipedia](https://en.wikipedia.org/wiki/Notional_results_of_the_2019_United_Kingdom_general_election_by_2024_constituency).\n\nBelow is a formatted version that uses the feature ID (`fid`), GSS code (`PCON24CD`) and constituency name (`PCON24NM`) consistent with the boundary data used here:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":555,"value":"const notionalResults2019 = FileAttachment(\"notionalResults2019@5.csv\").csv({\n typed: true\n});","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":558,"value":"Inputs.table(notionalResults2019, {layout: \"auto\", rows: 8})","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":564,"value":"$38","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":971,"value":"const fullPartyName = new Map([\n [\"Con\", \"Conservative Party\"],\n [\"Lab\", \"Labour Party\"],\n [\"LD\", \"Liberal Democrats\"],\n [\"Grn\", \"Green Party\"],\n [\"Ref\", \"Reform UK\"],\n [\"Brx\", \"Brexit Party\"],\n [\"SNP\", \"Scottish National Party\"],\n [\"PC\", \"Plaid Cymru\"],\n [\"WP\", \"Workers Party of Britain\"],\n [\"DUP\", \"Democratic Unionist Party\"],\n [\"SF\", \"Sinn Féin\"],\n [\"All\", \"Alliance Party of Northern Ireland\"],\n [\"SDLP\", \"Social Democratic and Labour Party\"],\n [\"UUP\", \"Ulster Unionist Party\"],\n [\"TUV\", \"Traditional Unionist Voice\"],\n [\"Ant\", \"Aontú\"],\n [\"PBP\", \"People Before Profit\"],\n [\"Ind\", \"Independent\"],\n [\"other\", \"all other parties\"],\n [\"Speaker\", \"Commons Speaker\"]\n]);","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":629,"value":"Party labels to their associated colour mappings are available here:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":579,"value":"const partyClrs = new Map([\n [\"Con\", \"rgb(59,120,214)\"],\n [\"Lab\", \"rgb(209,45,65)\"],\n [\"LD\", \"rgb(238,170,65)\"],\n [\"Grn\", \"rgb(75,166,99)\"],\n [\"Ref\", \"rgb(88,210,211)\"],\n [\"SNP\", \"rgb(251,243,155)\"],\n [\"PC\", \"rgb(37,90,84)\"],\n [\"WP\", \"rgb(230,160,180)\"],\n [\"DUP\", \"rgb(198,112,83)\"],\n [\"SF\", \"rgb(63,102,96)\"],\n [\"All\", \"rgb(239,205,82)\"],\n [\"SDLP\", \"rgb(84,166,64)\"],\n [\"UUP\", \"rgb(97,163,232)\"],\n [\"TUV\", \"rgb(88,191,201)\"],\n [\"Ant\", \"rgb(71,83,47)\"],\n [\"PBP\", \"rgb(214,56,84)\"],\n [\"Ind\", \"rgb(140,0,100)\"],\n [\"other\", \"rgb(180,180,180)\"],\n [\"Speaker\", \"rgb(220,220,220)\"]\n]);","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":684,"value":"Or as a 'domain/range' object suitable for Observable Plot / D3:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":688,"value":"const partyPalette = {\n domain: [...partyClrs].map(([d, r]) => d),\n range: [...partyClrs].map(([d, r]) => r)\n};","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":329,"value":"---\n\n## Appendices","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1062,"value":"_For animation between geographic and hex maps:_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1059,"value":"import * as flubber from \"npm:flubber@0.4\";","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1064,"value":"const interpMap = (() => {\n const interpCoords = flubber.interpolateAll(\n geoPolys.map((d) => d.geometry.coordinates[0]),\n hexPolys.map((d) => d.geometry.coordinates[0]),\n {\n string: false,\n single: true\n }\n )(t);\n\n return {\n type: \"FeatureCollection\",\n features: interpCoords.map((d, i) => ({\n type: \"Feature\",\n geometry: {type: \"Polygon\", coordinates: [interpCoords[i]]},\n properties: hexPolys[i].properties\n }))\n };\n})();","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1361,"value":"_To replace any multipolygons in a geoJSON with the largest single simple polygon:_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1101,"value":"function toRingFeatures(geojson) {\n return geojson.features\n .map((feature) => {\n if (feature.geometry?.type !== \"MultiPolygon\") {\n return feature;\n }\n const coordinates = feature.geometry.coordinates.reduce(\n (largest, current) =>\n Math.abs(d3.polygonArea(current[0])) >\n Math.abs(d3.polygonArea(largest[0]))\n ? current\n : largest\n );\n return {\n ...feature,\n geometry: {\n ...feature.geometry,\n type: \"Polygon\",\n coordinates\n }\n };\n })\n .sort((a, b) => b.properties.PCON24CD.localeCompare(a.properties.PCON24CD));\n}","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1079,"value":"const geoPolys = toRingFeatures(geoData);\nconst hexPolys = toRingFeatures(hexData);","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":503,"value":"_For transferring a common set of attributes to both geoJSONs:_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":336,"value":"function setAttributes(geoJSON, options = {}) {\n const {srcNameKey = \"PCON24NM\", attribNameKey = \"PCON24NM\"} = options;\n const lu = new Map(attributes.map((d) => [d[attribNameKey], d]));\n\n const combined = {type: \"FeatureCollection\", features: []};\n for (const feat of geoJSON.features) {\n combined.features.push({\n type: \"Feature\",\n properties: lu.get(feat.properties[srcNameKey].replace(\",\", \"\")),\n geometry: feat.geometry\n });\n }\n return combined;\n}","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":653,"value":"_For combining multiple tables via a lookup object:_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":655,"value":"function toLookup(objects, keys = \"key\", value = \"value\", separator = \"_\") {\n return objects.reduce((acc, obj) => {\n const accKey = Array.isArray(keys)\n ? keys.map((key) => obj[key]).join(separator)\n : obj[keys];\n const accValue = Array.isArray(value)\n ? value.reduce((valAcc, val) => ({...valAcc, [val]: obj[val]}), {})\n : obj[value];\n return {...acc, [accKey]: accValue};\n }, {});\n}","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1367,"value":"_For drawing a map with coloured attributes:_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":85,"value":"function drawMap(constituencyData, options = {}) {\n const {\n regionBoundaries,\n regionClrs = [\n \"#b57073\",\n \"#85c04c\",\n \"#9460cc\",\n \"#647c40\",\n \"#d07f39\",\n \"#cfad54\",\n \"#489ec3\",\n \"#ca4e98\",\n \"#70c5a3\",\n \"#d0454c\",\n \"#6476bb\",\n \"#cb9ace\"\n ]\n } = options;\n\n return Plot.plot({\n projection: {\n // Approximates OSGB but rotated anticlockwise by 4 degrees (OSGB would be to rotate by -2 degrees)\n // to make central line of hexes vertical\n type: \"transverse-mercator\",\n rotate: [2, 0, 0],\n domain: constituencyData\n },\n color: {range: regionClrs},\n marks: [\n Plot.geo(constituencyData.features, {\n stroke: \"black\",\n strokeWidth: 0.1,\n fill: (d) => d.properties.regionNM,\n fillOpacity: 0.7\n }),\n regionBoundaries\n ? Plot.geo(regionBoundaries, {stroke: \"white\", strokeWidth: 0.5})\n : []\n ]\n });\n}","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":331,"value":"_For exporting the attributes from the original constituency files:_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":218,"value":"DOM.download(\n () => {\n return new Blob([d3.csvFormat(hexData.features.map((d) => d.properties))], {\n type: \"text/csv;charset=utf-8\"\n });\n },\n `hexProperties.csv`,\n `Save hex attributes as CSV file`\n)","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"DOM.download(\n () => {\n return new Blob([d3.csvFormat(geoData.features.map((d) => d.properties))], {\n type: \"text/csv;charset=utf-8\"\n });\n },\n `constituencyProperties.csv`,\n `Save constituencies attributes as CSV file`\n)","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W39","stdlib":"2","titling":"auto"}} 33:"$32:body"