2c:null 2d:["$","title",null,{"children":"COVID-19 - Cases by State | Lina | Observable"}] 32: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] } )33:[] 30:{"id":"4b0143cd5155e881","slug":null,"title":"COVID-19 - Cases by State","thumbnail":"6879fc61a2b4948747a4179adb80845ffa4d336a472f4dc4745f77cf7ad8d60f","access_level":"public","create_time":"$D2023-03-11T02:00:34.487Z","update_time":"$D2023-03-11T02:00:34.487Z","view_time":null,"first_public_time":"$D2023-03-11T02:00:34.487Z","has_unpublished_edits":null,"fork":{"id":"ce6998f792e8d4d3","slug":"covid-cases-by-state","title":"COVID-19 - Cases by State","owner":{"id":"94ec2c192e76a917","login":"hamzaamjad","name":"Hamza Amjad"}},"stars":0,"starred":false,"owner":{"type":"team","id":"d40ec6f54474d319","login":"linayang-mids","name":"Lina","avatar_url":"https://avatars-next.observableusercontent.com/f261dab554d875ceba9837af74856e8465abd6792cba225110e7ab0c38e8a6d7","tier":"starter_2024"},"version":343,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"65d9a761aa34438f","login":"linayang-mids","name":"Lina","avatar_url":"https://avatars-next.observableusercontent.com/f261dab554d875ceba9837af74856e8465abd6792cba225110e7ab0c38e8a6d7","tier":null}],"members":[{"type":"individual","id":"65d9a761aa34438f","login":"linayang-mids","name":"Lina","avatar_url":"https://avatars-next.observableusercontent.com/f261dab554d875ceba9837af74856e8465abd6792cba225110e7ab0c38e8a6d7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":240,"value":"style = await html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 31:"$30:body"