31:[] 2f:{"title":"Covid-19 in Boone County, Missouri","cells":[{"id":0,"value":"md`# Covid-19 in Boone County, Missouri`","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"embedAsset = html`\n

\n \n ${legend}\n\n ${layeredChartRendered}\n \n

Data: The New York Times

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":231,"value":"avgNewCaseRate = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":136,"value":"title = `Boone County averaging ${avgNewCaseRate} new cases every day`","pinned":true,"hidden":false,"mode":"ojs"},{"id":137,"value":"subtitle = `Lorem Ipsum`","pinned":true,"hidden":false,"mode":"ojs"},{"id":114,"value":"viewWidth = {\n if (width >= 1190) {\n return Math.min(width - 518, 746)\n } else if (width >= 990) {\n return Math.min(width - 434, 746)\n } else {\n return width - 30\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":116,"value":"viewHeight = screen.height >= 410 ? 400 : screen.height - 10","pinned":true,"hidden":false,"mode":"ojs"},{"id":97,"value":"barColor = \"#f9cb35\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":99,"value":"lineColor = \"#e45a31\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":87,"value":"legend = html`\n

\n \n New cases\n \n 14-day rolling avg\n

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"md`## Dependencies`","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"import {vl} from '@vega/vega-lite-api'","pinned":true,"hidden":false,"mode":"ojs"},{"id":206,"value":"embed = require(\"vega-embed\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":236,"value":"md`## Data wrangling`","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"dataURL = \"https://raw.githubusercontent.com/nytimes/covid-19-data/master/us-counties.csv\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":246,"value":"barChart = vl.markBar({color: barColor})\n .encode(\n vl.y()\n .field('new_cases')\n .type('quantitative')\n .title(null),\n vl.x()\n .field('date')\n .type('temporal')\n .title(null)\n .axis({grid: false}),\n vl.tooltip([\n {field: \"date\", title: \"Date\", formatType: \"time\", format: \"%b %e\"},\n {field: 'new_cases', title: \"New cases\"},\n {field: 'rolling_mean', title: \"14-day rolling avg\", format: \".2f\"},\n ])\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":259,"value":"lineChart = vl.markLine({color: lineColor})\n .encode(\n vl.y()\n .field('rolling_mean')\n .type('quantitative')\n .title(null),\n vl.x()\n .field('date')\n .type('temporal')\n .title(null)\n .axis({grid: false})\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":372,"value":"startDate = {\n let d = new Date();\n d.setDate(d.getDate() - 60);\n return d\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":239,"value":"layeredChart = vl.layer()\n .width(viewWidth - 40)\n .height(viewHeight - 12)\n .data(dataURL)\n .transform(\n vl.filter(\n {\n field: \"date\",\n type:\"temporal\",\n gte: {\n year: startDate.getFullYear(),\n month: startDate.getMonth(),\n date: startDate.getDate()\n }\n }\n ),\n vl.filter(\n {field: \"state\", equal: \"Missouri\"}\n ),\n vl.filter(\n {field: \"county\", equal: \"Boone\"}\n ),\n vl.window(\n vl.first_value('cases').as('previous_cases')\n ).frame(-1, 0),\n vl.calculate('datum.cases - datum.previous_cases').as('new_cases'),\n vl.window(vl.mean('new_cases').as('rolling_mean')).frame(-13, 0)\n )\n .layer(\n [barChart, lineChart]\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":388,"value":"layeredChart.toJSON()","pinned":true,"hidden":false,"mode":"ojs"},{"id":274,"value":"layeredChartRendered = layeredChart.render()","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}