31:T437,table( d3 .groups(data, d => d.state) .filter(([, data]) => data.some(d => d.positiveIncrease)) .map(([key, data]) => ({ State: key, Trend: area(data.map(d => Math.max(0, d.positiveIncrease)).reverse(), { width: 240, height: 24, color: { line: "gray", fill: "silver" }, highlights: { max: "red", end: "blue" }, margin: { vertical: 0.1, horizontal: 0.01 } }), "New cases": data[0].positiveIncrease, "Max cases": d3.max(data, d => d.positiveIncrease), Range: range(data.map(d => Math.max(0, d.positiveIncrease)).reverse(), { width: 120, height: 24, color: { fill: "blue" }, margin: { vertical: 0.125, horizontal: 0.01 } }), "Total cases": data[0].positive })), { width: "720px", layout: "fixed", widths: ["60px", "240px", "100px", "100px", "120px", "100px"], formats: [null, null, ",", ",", null, ","], align: ["left", "right", "right", "right", "right", "right"], color: [null, null, "blue", "red", null, null] } )32:[] 2f:{"title":"COVID-19 - Cases by State","cells":[{"id":0,"value":"md`# COVID-19 - Cases by State\n\nUpdated: ${d3.utcFormat(\"%B %-d\")(\n d3.extent(data, d => d.date)[1]\n)}. Data: [The COVID Tracking Project](https://covidtracking.com)\n\nFork of: [@mbostock/covid-cases-by-state](https://observablehq.com/@mbostock/covid-cases-by-state)\n\nI replaced the sparkarea function from [@mbostock/covid-cases-by-state](https://observablehq.com/@mbostock/covid-cases-by-state) and the Table function from [@observablehq/inputs](https://observablehq.com/@observablehq/inputs) with the area and table functions from Tiny Charts. Additionally, I added a range spark graphic to the table. Tiny Charts used in this table can be found in [@hamzaamjad/tiny-charts](https://observablehq.com/@hamzaamjad/tiny-charts).\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"data = d3.csv(\"https://api.covidtracking.com/v1/states/daily.csv\", d => {\n d.date = `${d.date.slice(0, 4)}-${d.date.slice(4, 6)}-${d.date.slice(6, 8)}`;\n d3.autoType(d);\n return d;\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":212,"value":"import {\n line,\n bar,\n area,\n histogram,\n range,\n table\n} from \"@hamzaamjad/tiny-charts\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":240,"value":"style = await html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}