31:T99d,graphic = { const height = 1150; const svg = d3.create("svg") .attr("viewBox", [0, 150, (size * 28), (size * 44)]); const xAxis = g => g .attr("transform", `translate(0,${height})`) .call(d3.axisBottom(x).ticks(width / 80).tickSizeOuter(0)); const yAxis = g => g .attr("transform", `translate(0,0)`) .call(d3.axisLeft(y)); const g = svg.append("g") .selectAll("g.constituency") .data(mapCsv) .enter() .append("g") .attr("class", "constituency") .attr("data-id", d => d.lad_code) .attr("data-name", d => d.lad_name) .attr("transform", d => "translate(" + (size + d.centroid[0] * size) + "," + (size * 15 + height - (d.centroid[1] * size)) + ")") .append("g") .attr("class", "zoom"); g.on("mouseenter", function (d) { this.parentNode.parentNode.appendChild(this.parentNode) d3.select(this.parentNode).classed('hover', true); }).on("mouseleave", function (d) { d3.select(this.parentNode).classed('hover', false); }); g.append("rect") .attr("fill", "#fff") .attr("width", size - 5) .attr("height", size - 5); g.append("text").attr("style", "font-size: 0.25em").text(d => d.lad_name).attr("y", -4) const exclList = ["London", "Manchester", "Merseyside", "West Midlands", "West Yorkshire", "South Yorkshire"]; function checkList(upperLA, ladCode) { let res = 1; for(let i = 0; i < exclList.length; i++) { if(upperLA.indexOf(exclList[i]) > -1) { res = 0; } } if(ladCode.indexOf("W") > -1) { res = 0; } return res; } g.append("g") .attr("class", "chart") .selectAll("rect") .data(d => { const lookupResult = lookup.filter(e => e.LTLA17CD === d.lad_code); const upla_code = copyUpperLA ? ((lookupResult.length > 0 && checkList(lookupResult[0].UTLA17NM, d.lad_code)) ? lookupResult[0].UTLA17CD : d.lad_code) : d.lad_code; const datum = (isCumulative === true ? filteredData.filter(e => e.regionId === upla_code) : filteredData2.filter(e => e. regionId === upla_code)); return datum.length > 0 ? datum[0].data : []; }) .enter() .append("rect") .attr("width", 0.5) .attr("height", d => y(d.cumulative)) .attr("y", d => (size - 5) - y(d.cumulative)) .attr("x", (d, i) => x(d.date)) .attr("fill", d => colorScale(+d["daily"])) return svg.node(); }32:T26de,ex1 = ``33:Te83,ex2 = `E08000025`34:[{"id":"5d88c3a58039b38ed5a157d841ad064777f5c1eb34112a704cb88cf626d1843c98497791c47a463e29f2d9065b6d9756c7b5b5deaec5c96094dbef0b6aaca140","href":"https://static.observableusercontent.com/files/5d88c3a58039b38ed5a157d841ad064777f5c1eb34112a704cb88cf626d1843c98497791c47a463e29f2d9065b6d9756c7b5b5deaec5c96094dbef0b6aaca140","name":"lad_map.csv","type":"text/csv","lastModified":1587486919749.467,"size":31492},{"id":"83f57e6d03519fe4e6fb13e79e04a13aa7a7163a4cb0f3191949408c38dcca2f13adae1f1673b1c745af3b25ede560a84b921b28b8454b4336ba034dd1f4182b","href":"https://static.observableusercontent.com/files/83f57e6d03519fe4e6fb13e79e04a13aa7a7163a4cb0f3191949408c38dcca2f13adae1f1673b1c745af3b25ede560a84b921b28b8454b4336ba034dd1f4182b","name":"lad-cartogram.csv","type":"text/csv","lastModified":1587486919749.467,"size":47998},{"id":"4492a1734b96a8026bc64cbde310919ca9e5b41a3980705a6b14cb1735cb561ae6b8bff5b3f0840db9beb191ee777712f2af6dd843c7d7173b7e9c8f44927399","href":"https://static.observableusercontent.com/files/4492a1734b96a8026bc64cbde310919ca9e5b41a3980705a6b14cb1735cb561ae6b8bff5b3f0840db9beb191ee777712f2af6dd843c7d7173b7e9c8f44927399","name":"lookup.csv","type":"text/csv","lastModified":1587742670565.625,"size":16656},{"id":"3ab83bc14ed425c48765d316f85194b152b2697fca70ea22aa20888ee6dd33249c247fa103ee062ac5b91855afd81852b05328e15ec058692d7a0cba456466b4","href":"https://static.observableusercontent.com/files/3ab83bc14ed425c48765d316f85194b152b2697fca70ea22aa20888ee6dd33249c247fa103ee062ac5b91855afd81852b05328e15ec058692d7a0cba456466b4","name":"coronavirus-cases.csv","type":"text/csv","lastModified":1587488795854.184,"size":461260},{"id":"7303fd4c2369c7cb65229d53deded9f99d3ea276612f474b48c047d3b630e353d70ec89f5aa2bc4b1faa527ecfd033ae2df235049595e4bcce59b4d5df556297","href":"https://static.observableusercontent.com/files/7303fd4c2369c7cb65229d53deded9f99d3ea276612f474b48c047d3b630e353d70ec89f5aa2bc4b1faa527ecfd033ae2df235049595e4bcce59b4d5df556297","name":"covid-19-cases-uk.csv","type":"text/csv","lastModified":1587499617229.17,"size":378328}] 2f:{"title":"Small Multiples map","cells":[{"id":0,"value":"md`# Small Multiples map \n## (Covid-19 local authority data)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":469,"value":"md`## Legend\nManchester: \n* Curve (log scale) - cumulative cases\n* Shading - daily cases`","pinned":false,"hidden":false,"mode":"ojs"},{"id":383,"value":"md`Cases: ${colors.slice(0, (isCumulative ? 10 : 12)).map((d, i) => ` - ${colorDomain[i + 1]}`)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":441,"value":"example = {\n isCumulative;\n return md``\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":461,"value":"md`Mar 1 >>>>>>>>>>>>>>>>>>>> Now`","pinned":false,"hidden":false,"mode":"ojs"},{"id":449,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":101,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":263,"value":"md`Map - [Ordnance Survey](https://github.com/OrdnanceSurvey/equal-area-cartogram)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":208,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":516,"value":"isCumulative = true","pinned":true,"hidden":false,"mode":"ojs"},{"id":544,"value":"copyUpperLA = (mapUpperLA === \"true\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":160,"value":"size = 50;","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"ladMap = d3.csvParse(await FileAttachment('lad_map.csv').text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"mapCsv = d3.csvParse(await FileAttachment('lad-cartogram.csv').text()).map(d => ({ \n centroid: d.wkt.replace(\"POINT (\" , \"\").replace(\")\", \"\").split(\" \").map(e => +e),\n lad_code: d.lad_code,\n lad_name: d.lad_name,\n constituencies: ladMap.filter(e => e.LAD16CD === d.lad_code).map(e => ({\n name: e.PCON16NM,\n ...filteredData.filter(d => d.regionId === e.PCON16CD)[0]}))\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":435,"value":"purples = d3.schemePurples[6].slice(3)","pinned":false,"hidden":false,"mode":"ojs"},{"id":327,"value":"colors = [\"#fcfbfd\",\"#efedf5\",\"#dadaeb\",\"#bcbddc\",\"#9e9ac8\",\"#807dba\",\"#6a51a3\",\"#54278f\",\"#3f007d\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":334,"value":"colorDomain = (!isCumulative) ? [0, 100, 200, 300, 400, 500, 1000, 1500, 2000, 2500] : [0, 10, 15, 20, 30, 40, 50, 60, 80, 100]","pinned":false,"hidden":false,"mode":"ojs"},{"id":331,"value":"colorScale = d3.scaleThreshold().range(colors).domain(colorDomain)","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"partyColors = [\n {color: \"#0087DC\", name: \"Con\"},\n {color: \"#DC241f\", name: \"Lab\"},\n {color: \"#FAA61A\", name: \"LD\"},\n {color: \"#c3b203\", name: \"SNP\"},\n {color: \"#D46A4C\", name: \"DUP\"},\n {color: \"#6AB023\", name: \"Green\"},\n {color: \"#008142\", name: \"PC\"},\n {color: \"#326760\", name: \"SF\"}\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"csvData = await d3.json('https://c19downloads.azureedge.net/downloads/json/coronavirus-cases_latest.json')","pinned":false,"hidden":false,"mode":"ojs"},{"id":417,"value":"csvData2 = d3.csvParse(await FileAttachment('coronavirus-cases.csv').text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"filteredData = Array.from(new Set(csvData.ltlas.map(e => e[\"areaCode\"]))).map(d => {\n const areaData = csvData.ltlas.filter(e => e[\"areaCode\"] === d)\n return {\n regionId: d,\n data: areaData.map(e => ({\n date: dateParse(e[\"specimenDate\"]), //Specimen date\"]),\n daily: e[\"dailyLabConfirmedCases\"], //e[\"Daily lab-confirmed cases\"],\n cumulative: e[\"totalLabConfirmedCases\"], //e[\"Cumulative lab-confirmed cases\"]\n })).filter(d => d.cumulative !== null),\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":419,"value":"filteredData2 = Array.from(new Set(csvData2.map(e => e[\"Area code\"]))).map(d => {\n const areaData = csvData2.filter(e => e[\"Area code\"] === d)\n return {\n regionId: d,\n data: areaData.map(e => ({\n date: dateParse(e[\"Specimen date\"]),\n daily: e[\"Daily lab-confirmed cases\"],\n cumulative: e[\"Cumulative lab-confirmed cases\"]\n })),\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"line = d3.line()\n .x(d => x(d.year))\n .y(d => y(d.val));","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"x = d3.scaleTime()\n .domain([dateParse(\"2020-03-01\"), dateParse(today)])\n .range([0, size - 5]);","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"y = d3.scaleLog()\n .domain([5000, 1])\n .range([size - 5, 0]);","pinned":false,"hidden":false,"mode":"ojs"},{"id":611,"value":"today = new Date().toISOString().split(\"T\")[0];","pinned":false,"hidden":false,"mode":"ojs"},{"id":322,"value":"dateParse = d3.timeParse(\"%Y-%m-%d\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":63,"value":"height = 500","pinned":true,"hidden":false,"mode":"ojs"},{"id":478,"value":"import {radio} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":487,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":490,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":495,"value":"getSvg = () => {\n return isCumulative ? ex1 : ex2\n};","pinned":false,"hidden":false,"mode":"ojs"},{"id":524,"value":"lookup = d3.csvParse(await FileAttachment(\"lookup.csv\").text())","pinned":true,"hidden":false,"mode":"ojs"},{"id":337,"value":"viewof cumulativeCheck = radio({\n title: 'Data type:',\n options: [\n { label: 'Cumulative', value: true },\n { label: `Daily`, value: false },\n ],\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":541,"value":"viewof mapUpperLA = radio({\n title: 'Data type:',\n options: [\n { label: 'Copy upper LA data', value: true },\n { label: `Don't copy LA data`, value: false },\n ],\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}