2e:null 2f:["$","title",null,{"children":"Covid in the US: Two-Week Snapshot | Sambhav Jain | Observable"}] 34:T475,md` ## About this notebook This tracker provides a snapshot view of cases and deaths across all US States within the *past two weeks*. The idea behind building this tracker is to focus more on the recent scenario, using a 2-week lens, allowing users to predict where the next large outbreak could occur. The _"Rate of Change"_ and _"Geography"_ sorting functions allow users to get a quick sense of which states' Covid figures are changing most rapidly, while easily revealing how each state is fairing relative to the others. The data is sourced from the [New York Times historical daily case counts](https://github.com/nytimes/covid-19-data), updated daily. Other notes and references: * Grid Cartogram Layout data sourced from [Jane Pong's Block](https://bl.ocks.org/officeofjane/2c3ed88c4be050d92765de912d71b7c4) * US States Population data sourced from the [United States Census Bureau](https://www.census.gov/data/tables/time-series/demo/popest/2010s-state-total.html) * Path smoothing using [LOESS Regression - by Harry Stevens](https://observablehq.com/@harrystevens/loess-regression?collection=@harrystevens/d3-regression) `35:Tf9d,render = (svg) => { let svgSelection = d3.select(svg); // CHART BEGINS let g = svgSelection .selectAll("g") .data(finalData14Day, (d) => d.key) .join( (enter) => { const g = enter.append("g").attr("opacity", 1); g.append("text") .text((d) => d.key) .style("font-size", "0.70em") .attr("text-anchor", "start") .attr("y", pathWidth - 5) .attr("x", 0) .attr("fill", "#333") .style("font-family", "sans-serif"); g.append("text") .attr("class", "pct") .style("font-size", "0.70em") .attr("text-anchor", "end") .attr("y", pathWidth - 5) .attr("x", pathWidth) .attr("fill", "#333") .style("font-family", "sans-serif"); g.append("path") .attr("class", "line") .attr("fill", "none") .attr("stroke-width", 2.5); g.append("path").attr("class", "area").style("opacity", 0.6); return g; }, (update) => update, (exit) => { exit.remove(); } ); g.transition() .duration(500) .attr("opacity", 1) .attr("transform", (d, i) => { if (r1 == "carto") { return `translate(${[ margin + d.x * (pathWidth + margin), margin + d.y * (pathWidth + margin) ]} )`; } else { return `translate(${[ (i % perRow) * (pathWidth + margin), Math.floor(i / perRow) * (pathWidth + margin) ]} )`; } }); g.select(".line") .transition() .attr("stroke", (d) => d.fillColor) .duration(500) .attr("d", function (d) { yScale.domain(ext(d)); return line(regressionGenerator(d.data)); }); g.select(".area") .transition() .duration(500) .attr("fill", (d) => d.fillColor) .attr("d", function (d) { yScale.domain(ext(d)); return area(regressionGenerator(d.data)); }); g.select(".pct").text((d) => rateOfChange(d)); // ADD ANNOTATIONS const mi_data = finalData14Day.find((d) => d.key === "MI"); const mi_x = margin + mi_data.x * (pathWidth + margin); const mi_y = margin + mi_data.y * (pathWidth + margin); svgSelection .append("line") .attr("class", "annot") .style("stroke", "#efefef") .attr("x1", mi_x) .attr("y1", mi_y - 10) .attr("x2", mi_x) .attr("y2", mi_y + pathWidth - 20); svgSelection .append("line") .attr("class", "annot") .style("stroke", "#efefef") .attr("x1", mi_x + pathWidth) .attr("y1", mi_y - 10) .attr("x2", mi_x + pathWidth) .attr("y2", mi_y + pathWidth - 20); svgSelection .append("text") .attr("id", "t1") .attr("class", "annot") .style("font-size", "0.70em") .attr("text-anchor", "end") .attr("y", mi_y + pathWidth - 20) .attr("x", mi_x - 5) .attr("fill", "#999") .style("font-family", "sans-serif"); d3.select("#t1") .transition() .duration(500) .text(`${moment(mi_data.data[0].date).format("MMM DD")}`); svgSelection .append("text") .attr("id", "t2") .attr("class", "annot") .style("font-size", "0.70em") .attr("text-anchor", "start") .attr("y", mi_y + pathWidth - 20) .attr("x", mi_x + pathWidth + 5) .attr("fill", "#999") .style("font-family", "sans-serif"); d3.select("#t2") .transition() .duration(500) .text( `${moment(mi_data.data[mi_data.data.length - 1].date).format("MMM DD")}` ); svgSelection .append("text") .attr("id", "t3") .attr("class", "annot") .style("font-size", "0.6em") .attr("text-anchor", "middle") .attr("y", mi_y) .attr("x", mi_x + pathWidth / 2) .style("font-family", "sans-serif"); d3.select("#t3") .text("7-Day Avg.") .attr("fill", metric === "cases" ? "#dd3f0f" : "#111"); svgSelection .selectAll(".annot") .transition() .duration(500) .attr("opacity", r1 === "roc" ? 0 : 1); }36:T757,// Filter each state's data for the most recent 14 days based on this common last date finalData14Day = { let temp = finalData.map((d) => { return { ...d, data: d.data.filter((f) => { const dateDiff = lastGlobalDate.diff(moment(f.date), "days"); return dateDiff >= 0 && dateDiff <= 13; // Keep only last 14 days }) }; }); // Add extent and fillColor calculations temp = temp.map((d) => { return { ...d, extent: [0, d3.max(d.data, (val) => val.sevenDayAvg)], fillColor: metric === "cases" ? colRed(d.data[d.data.length - 1].rateOfChange) : colGrey(d.data[d.data.length - 1].rateOfChange) }; }); // Sort by rateOfChange and reverse the order temp = temp .sort(function (a, b) { return ( a.data[a.data.length - 1].rateOfChange - b.data[b.data.length - 1].rateOfChange ); }) .reverse(); return temp; } // // Filter for last 14 days, and calculate extent // finalData14Day = { // let temp = finalData.map(d => { // return { // ...d, // data: d.data.filter( // f => // moment() // .subtract(`${timeframe}`, 'days') // .diff(moment(f.date), 'days') <= 1 // ) // }; // }); // temp = temp.map(d => { // return { // ...d, // extent: [0, d3.max(d.data, val => val.sevenDayAvg)], // fillColor: // metric === 'cases' // ? colRed(d.data[d.data.length - 1].rateOfChange) // : colGrey(d.data[d.data.length - 1].rateOfChange) // }; // }); // temp = temp // // .filter(d => d.key != "MA") // .sort(function(a, b) { // return ( // a.data[a.data.length - 1].rateOfChange - // b.data[b.data.length - 1].rateOfChange // ); // }) // .reverse(); // return temp; // }37:[] 32:{"id":"fe32e1e365ab04b6","slug":"covid-in-the-us-two-week-snapshot","title":"Covid in the US: Two-Week Snapshot","thumbnail":"c12a339f2b6b6c174e3c589fc10baeaee65b804f4767926af3bb2a1cd6c11ec9","access_level":"public","create_time":"$D2020-09-14T07:57:22.974Z","update_time":"$D2024-09-29T18:49:16.469Z","view_time":null,"first_public_time":"$D2020-09-22T19:41:26.547Z","has_unpublished_edits":null,"fork":true,"stars":8,"starred":false,"owner":{"type":"team","id":"cd9e5109ee850a08","login":"sambhavjain","name":"Sambhav Jain","avatar_url":"https://avatars-next.observableusercontent.com/929bbf61a31a769fffe014e5e5693dd6f339b5d0ea7912514bc0d5805d1652f6","tier":"starter_2024"},"version":1464,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"158d54b9325b4b97","login":"sambhavjain","name":"Sambhav Jain","avatar_url":"https://avatars-next.observableusercontent.com/929bbf61a31a769fffe014e5e5693dd6f339b5d0ea7912514bc0d5805d1652f6","tier":null}],"members":[{"type":"individual","id":"158d54b9325b4b97","login":"sambhavjain","name":"Sambhav Jain","avatar_url":"https://avatars-next.observableusercontent.com/929bbf61a31a769fffe014e5e5693dd6f339b5d0ea7912514bc0d5805d1652f6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"Covid in the US: Two-Week Snapshot","cells":[{"id":0,"value":"header = md`# Covid in the US: Two-Week Snapshot`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":912,"value":"dateUpdated = html`

Updated ${currDate}
(smoothed rolling averages)

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1097,"value":"navigation = html` \n

\n\n

${viewof metric}

${viewof scale}

${viewof r1}

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1282,"value":"leg = legend({\n color:\n metric === 'cases'\n ? d3.scaleOrdinal(\n [\"Increasing\", \"Almost the same\", \"Decreasing\"],\n ['#dd3f0f', '#fb9f58', '#fde0c3']\n )\n : d3.scaleOrdinal(\n [\"Increasing\", \"Almost the same\", \"Decreasing\"],\n ['#111', '#777', '#cfcfcf']\n ),\n title: `${metric.toUpperCase()}: 2-Week Trend`,\n tickSize: 0,\n width: 600,\n height: 40,\n marginLeft: 350\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":215,"value":"chartSVG = svg``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1345,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"render(chartSVG)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":489,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":208,"value":"viewof r1 = radio({\n title: 'Ordered By',\n description: '',\n options: [\n { label: '14-Day Rate of Change', value: 'roc' },\n { label: 'Geography', value: 'carto' }\n ],\n value: 'carto'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":854,"value":"viewof scale = radio({\n title: 'Value',\n description: '',\n options: [\n { label: `Total ${metric}`, value: 'sevenDayAvg' },\n { label: `Per-capita ${metric}`, value: 'perCapita' }\n ],\n value: 'sevenDayAvg'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":783,"value":"viewof metric = radio({\n title: 'Cases / Deaths in the past 2 weeks',\n description: '',\n options: [\n { label: 'Cases', value: 'cases' },\n { label: 'Deaths', value: 'deaths' }\n ],\n value: 'cases'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":914,"value":"currDate = moment(\n finalData14Day[1].data[finalData14Day[1].data.length - 1].date\n)\n .add(1, 'days')\n .format(\"MMMM DD, YYYY\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":482,"value":"timeframe = 14\n// viewof timeframe = radio({\n// title: 'Time Frame',\n// description: '',\n// options: [\n// {\n// label: 'Since Mar \\'20',\n// value: daysFromMarch\n// },\n// { label: 'Past 90 days', value: 90 },\n// { label: 'Past 14 days', value: 14 }\n// ],\n// value: 14\n// })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":550,"value":"daysFromMarch = moment().diff(moment(\"20200301\", \"YYYYMMDD\"), 'days')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"perRow = 11","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":424,"value":"margin = 8","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":213,"value":"pathWidth = 78","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":975,"value":"ext = d => (scale === 'sevenDayAvg' ? d.extent : perCapitaExtent) // If Total values selected, grab scale from each data; if Per Capita values selected, grab universal scale - perCapitaExtent","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":966,"value":"perCapitaExtent = [\n d3.min(finalData14Day, d => d3.min(d.data, f => f.perCapita)),\n d3.max(finalData14Day, d => d3.max(d.data, f => f.perCapita))\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"dateExtent = d3.extent(\n finalData14Day.find(d => d.name === \"Washington\").data,\n d => d.date\n)\n// get date extent for washington state - where very first cases were recorded.","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1038,"value":"rateOfChange = d => {\n let roc = Math.round(d.data[d.data.length - 1].rateOfChange);\n let rocText = isNaN(roc)\n ? '—'\n : !isFinite(roc)\n ? '—'\n : roc == 0\n ? `${roc}%`\n : roc < 0\n ? `↓${Math.abs(roc)}%`\n : `↑${roc}%`;\n return rocText;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":729,"value":"regressionGenerator = d3\n .regressionLoess()\n .x(d => d.date)\n .y(d => d[scale])\n .bandwidth(bandwidth)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":696,"value":"bandwidth = 0.1","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"xScale = d3\n .scaleTime()\n .domain(dateExtent)\n .range([0, pathWidth])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"yScale = d3.scaleLinear().range([pathWidth - 20, 5])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":497,"value":"lineBase = d3\n .line()\n .curve(d3.curveBasis)\n .x(d => xScale(d[0]))\n .y(d => yScale(0))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"line = d3\n .line()\n .curve(d3.curveBasis)\n .x(d => xScale(d[0]))\n .y(d => yScale(d[1]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":811,"value":"areaBase = d3\n .area()\n .curve(d3.curveBasis)\n .x(d => xScale(d[0]))\n .y0(yScale(0)) // area transition starts from y = 0 for all x\n .y1(yScale(0))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":818,"value":"area = d3\n .area()\n .curve(d3.curveBasis)\n .x(d => xScale(d[0]))\n .y0(yScale(0)) // area transition starts from y = 0 for all x\n .y1(d => yScale(d[1]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":636,"value":"colRed = num => {\n if (num >= 7) {\n return \"#dd3f0f\";\n } else if (num <= -10) {\n return \"#fde0c3\";\n } else {\n return \"#fb9f58\";\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":901,"value":"colGrey = num => {\n if (num >= 7) {\n return \"#111\";\n } else if (num <= -10) {\n return \"#cfcfcf\";\n } else {\n return \"#777\";\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"md`## Restructuring NYT data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"nytraw = d3.csv(\"https://raw.githubusercontent.com/nytimes/covid-19-data/master/us-states.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"// Remove territories that are not part of the grid layout; fix data types\n\nnytCleaned = {\n const statesToRemove = [\n \"Puerto Rico\",\n \"Virgin Islands\",\n \"Guam\",\n \"Northern Mariana Islands\",\n \"American Samoa\"\n ];\n\n let temp = nytraw\n .map(d => {\n return {\n ...d,\n date: new Date(d.date),\n cases: +d.cases,\n deaths: +d.deaths\n };\n })\n .filter(d => !statesToRemove.includes(d.state)); // Remove territories that are not part of the grid\n\n return temp;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"// Group data by state\ncasesGrouped = d3.groups(nytCleaned, d => d.state)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":419,"value":"n = 7","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"// Convert the map into an array of objects, add property - \"values\" which will include different calculated metrics. Also get 2019 population from the population data\n\ncasesAvgs = casesGrouped.map(d => {\n return {\n state: d[0],\n values: d[1].map((f, i) => {\n return {\n date: f.date,\n totalCases: f.cases,\n totalDeaths: f.deaths,\n dailyCases: i == 0 ? f.cases : d[1][i].cases - d[1][i - 1].cases,\n dailyDeaths: i == 0 ? f.deaths : d[1][i].deaths - d[1][i - 1].deaths,\n sevenDayAvg:\n i < n ? f[metric] : (d[1][i][metric] - d[1][i - n][metric]) / n,\n population: population.find(({ state }) => state === d[0]).pop2019\n };\n })\n };\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"// calculate 14 day rate of change using sevenDayAvgCases metric\n\ncasesFinal = casesAvgs.map(d => {\n return {\n ...d,\n values: d.values.map((f, i) => {\n return {\n ...f,\n perCapita: (f.sevenDayAvg / f.population) * 100000,\n rateOfChange:\n i <= 13\n ? 0\n : ((d.values[i].sevenDayAvg - d.values[i - 14].sevenDayAvg) /\n d.values[i - 14].sevenDayAvg) *\n 100\n };\n })\n };\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"// Merge the data with x and y values for the grid layout.\n\nfinalData = gridLayoutwDC.map((d, i) => {\n return {\n ...d,\n data: casesFinal.find(({ state }) => state === d.name).values\n // extent: casesFinal.find(({ state }) => state === d.name).extent\n };\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1456,"value":"finalData.forEach((d) => {\n const lastDate = d3.max(d.data, (val) => moment(val.date));\n console.log(`Last date for ${d.key}: ${lastDate.format(\"YYYY-MM-DD\")}`);\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1462,"value":"lastGlobalDate = d3.min(\n finalData.map((d) => d3.max(d.data, (val) => moment(val.date)))\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":347,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"md`## Population Data Import`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"states","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"population = states.map(d => {\n return {\n state: d.state,\n pop2019: d.data.filter(f => f.year === 2019)[0].population\n };\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"import { states } from \"b9935d389f33f709\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"md`## Grid Layout Import`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":178,"value":"import { gridLayoutwDC } from \"636f849c4497c4ca\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1106,"value":"style = html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"d3 = require('d3', 'd3-regression@1')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":305,"value":"moment = require('moment')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":198,"value":"import { form } from '@mbostock/form-input'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"import { radio } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1064,"value":"import { legend } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 33:"$32:body"