31:T5cc,html`

${splitMap.map(d => `

${d.cname1}

Size - ${d.sq_mi} miles (${d.sq_km}km)

${(d.sq_km / splitMapFirst.sq_km).toFixed(4)}x the size of
${splitMapFirst.cname1}

${(d.sq_km / splitMapLast.sq_km).toFixed(2)}x the size of
${splitMapLast.cname1}

Turnout - ${d.turnout17}%

Majority - ${d.majority}

Population - ${d.pop17}

`)}

`32:[{"id":"586af5788f0166e0afc87b2e3dbf12db71e511562f2aee029d1e05452f105308226757fb81fd231eac3ec4a3b91138572cd61ebce7dcd6f80ebca64cc0a39914","href":"https://static.observableusercontent.com/files/586af5788f0166e0afc87b2e3dbf12db71e511562f2aee029d1e05452f105308226757fb81fd231eac3ec4a3b91138572cd61ebce7dcd6f80ebca64cc0a39914","name":"wpc-500.json","type":"application/json","lastModified":1575579132097.655,"size":532936},{"id":"de83bb4c7cdc15950aed78d3b3100fe1fa39d0525e1b66110d2f1b026fe7f00093ebd7c032e14b8885d2c14e2711fd345559b0d71de069d45d04a8eea85603dc","href":"https://static.observableusercontent.com/files/de83bb4c7cdc15950aed78d3b3100fe1fa39d0525e1b66110d2f1b026fe7f00093ebd7c032e14b8885d2c14e2711fd345559b0d71de069d45d04a8eea85603dc","name":"wpc_2019_flat_file.csv","type":"text/csv","lastModified":1575585373663.121,"size":46542},{"id":"35d07a1fd411b409dbf2e47ff546d29127f7fda9d3009f55e4943409d072618bc078a7c9c10a7707983d0f3772d32692290864e227cb3ff9c9ba1ad61b66a41d","href":"https://static.observableusercontent.com/files/35d07a1fd411b409dbf2e47ff546d29127f7fda9d3009f55e4943409d072618bc078a7c9c10a7707983d0f3772d32692290864e227cb3ff9c9ba1ad61b66a41d","name":"screencap@1.png","type":"image/png","lastModified":1575590514441.474,"size":201250}] 2f:{"title":"Constituency Explorer (2017 Data)","cells":[{"id":0,"value":"md`# Constituency Explorer (2017 Data)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"viewof listVal = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":140,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":315,"value":"md`Data from: [Alasdair Rae](https://github.com/alasdairrae/wpc), \nBase map from: [Martin Chorley](https://github.com/martinjc/UK-GeoJSON/)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"width = 460;","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"height = 750;","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"projection = d3.geoAlbers()\n .center([1.5, 55.2])\n .rotate([4.4, 0])\n .parallels([50, 50])\n .scale(3300)\n .translate([width / 2, height / 2]);","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"path = d3.geoPath().projection(projection);","pinned":false,"hidden":false,"mode":"ojs"},{"id":226,"value":"{\n listVal;\n if(ids.indexOf(listVal) > -1) {\n var target = d3.select(`#${listVal}`).node();\n target.parentNode.parentNode.scrollLeft = target.parentNode.offsetLeft;\n target.parentNode.focus();\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"largest = splitMap.filter(d => {\n return d.id === \"S14000051\";\n})[0];","pinned":false,"hidden":false,"mode":"ojs"},{"id":275,"value":"splitMapFirst = splitMap[0];","pinned":false,"hidden":false,"mode":"ojs"},{"id":278,"value":"splitMapLast = splitMap[splitMap.length - 1];","pinned":false,"hidden":false,"mode":"ojs"},{"id":229,"value":"ids = splitMap.map(d => d.ccode1);","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"splitMap = {\n graphic;\n var div = d3.select('#electionMap');\n var paths = div.selectAll('path');\n var boundingBoxes = [];\n \n // join data\n const csvData = await FileAttachment(\"wpc_2019_flat_file.csv\").text();\n const ukData = d3.csvParse(csvData);\n \n paths.each(function(d) {\n const constituencyData = ukData.filter(d => d.ccode1 === this.getAttribute('data-id'))[0];\n boundingBoxes.push({\n ...constituencyData,\n id: constituencyData.ccode1,\n path: this.getAttribute('d'),\n dimensions: this.getBoundingClientRect()\n })\n });\n\n boundingBoxes.sort((a, b) => {\n return +b.sq_km - +a.sq_km;\n });\n \n return boundingBoxes;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"topojson = require('topojson')","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"graphic = {\n const div = d3.create(\"div\").attr('id', 'electionMap')\n .attr(\"style\", `width: calc(200 * 330px); height: 100px; \n white-space:nowrap; opacity: 0;`)\n \n const uk = await FileAttachment(\"wpc-500.json\").json();\n \n const svg = div\n .append('svg')\n .attr('width', width)\n .attr('height', height)\n .attr('viewBox', '0 0 ' + width + ' ' + height)\n .attr('id', \"sizer-map\")\n .attr('class', \"sizer\")\n \n const mapContainer = svg.append(\"g\");\n\n var mapFeatures = topojson.feature(uk, uk.objects.wpc).features;\n\n var paths = mapContainer\n .attr(\"class\", \"wpc\")\n .selectAll(\"path\")\n .data(mapFeatures)\n .enter()\n .append(\"path\")\n .attr(\"d\", path)\n .attr(\"data-id\", (d) => {\n return d.properties.PCON13CD\n })\n .attr(\"stroke\", \"#222\")\n .attr(\"fill\", \"#222\");\n \n return div.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":222,"value":"html`\n${splitMap.map(d => ``)}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":326,"value":"html`${await FileAttachment(\"screencap@1.png\").image()}`","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}