2c:null 2d:["$","title",null,{"children":"COVID-19 - Cases by State | Hamza Amjad | 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":"ce6998f792e8d4d3","slug":"covid-cases-by-state","title":"COVID-19 - Cases by State","thumbnail":"a55c6f86b9d690fd82b5da66d28cfb38329ace8aabb74ab0cfc2c17aefbbf005","access_level":"public","create_time":"$D2021-02-11T02:16:45.455Z","update_time":"$D2021-03-05T20:49:22.246Z","view_time":null,"first_public_time":"$D2021-02-11T02:25:07.179Z","has_unpublished_edits":null,"fork":{"id":"98d689cadc773fa0","slug":"covid-cases-by-state","title":"Covid Cases by State","owner":{"id":"8c2e47252fd4995c","login":"mbostock","name":"Mike Bostock"}},"stars":6,"starred":false,"owner":{"type":"team","id":"94ec2c192e76a917","login":"hamzaamjad","name":"Hamza Amjad","avatar_url":"https://avatars-next.observableusercontent.com/5f8ce1ecf5125d1485b2d84a32df05d44154c33343eb404b136c425f2dfb5ebe","tier":"starter_2024"},"version":343,"publish_version":343,"role":null,"authored":false,"authors":[{"type":"individual","id":"9efdccbbde682173","login":"hamzaamjad","name":"Hamza Amjad","avatar_url":"https://avatars-next.observableusercontent.com/5f8ce1ecf5125d1485b2d84a32df05d44154c33343eb404b136c425f2dfb5ebe","tier":null}],"members":[{"type":"individual","id":"9efdccbbde682173","login":"hamzaamjad","name":"Hamza Amjad","avatar_url":"https://avatars-next.observableusercontent.com/5f8ce1ecf5125d1485b2d84a32df05d44154c33343eb404b136c425f2dfb5ebe","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":6,"collection":{"id":"43e3f0056a38888f","slug":"tiny-charts","title":"Tiny Charts","owner":{"id":"94ec2c192e76a917","login":"hamzaamjad","name":"Hamza Amjad"}},"type":"notebook","body":{"titling":"auto","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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":240,"value":"style = await html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"