2a:T5f9,html``2b:[] 28:{"title":"Peaks in confirmed daily deaths due to COVID-19 so far","cells":[{"id":0,"value":"md`# Peaks in confirmed daily deaths due to COVID-19 so far\n\nRecreation of [visualisation](https://cedricscherer.netlify.app/2020/03/31/corona-covid-19-death-tolls-worst-day-so-far/) made by Cédric Scherer.\n\nData ECDC via [OurWorldInData.org](https://ourworldindata.org/coronavirus-source-data) (last update ${rawDataEcdc[rawDataEcdc.length - 1].date}).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":368,"value":"viewof filterCountries = select({\n title: \"Filter countries\",\n options: [\n {label: \"All countries with confirmed cases\", value: 0},\n {label: \"10+ deaths\", value: 10},\n {label: \"50+ deaths\", value: 50},\n {label: \"100+ deaths\", value: 100},\n {label: \"500+ deaths\", value: 500},\n ],\n value: 50\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":330,"value":"viewof sortByMetric = select({\n title: \"Sort by\",\n options: [\n {label: \"Days since max value\", value: \"daysSinceMax\"},\n {label: \"Day of first value\", value: \"firstDay\"},\n {label: \"Sum values\", value: \"totalDeaths\"},\n// {label: \"Last value\", value: \"lastValue\"},\n// {label: \"Last value 3 days average\", value: \"lastValue3dAvg\"},\n {label: \"Alphabetically\", value: \"location\"},\n ],\n value: \"daysSinceMax\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":300,"value":"legend({\n color: d3.scaleSequential([0.01, 1], colorInterpolator),\n tickFormat: \"%\",\n title: 'COVID-19 death cases relative to country\\'s highest'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"html`\n

\n ${renderLegend()}\n ${sortedTimeSeries.map(renderCountry)}\n

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":226,"value":"md`---\n### Rendering`","pinned":false,"hidden":false,"mode":"ojs"},{"id":248,"value":"renderLegend = () => html`\n

\n ${daysRange.map((date) => `\n

${dateFormatNice(date)}

\n `)}\n

Total

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":95,"value":"renderCountry = (countryData) => html`\n

${countryData.daysData.map((dayData) => renderDay(dayData, countryData))}

${numFormat(countryData.totalDeaths)}

${countryData.location}

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":142,"value":"renderDay = (dayData, countryData) => {\n const isMax = dayData && dayData.new_deaths > 0 && (dayData.new_deaths == countryData.maxDeathsPerDay);\n const frac = (dayData ? dayData.new_deaths : 0) / countryData.maxDeathsPerDay;\n return html`\n

\n`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":302,"value":"colorInterpolator = d3.interpolateRgbBasis(['#fef4b3', '#ffa579', '#e15483'])","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"color = (d) => d ? colorInterpolator(d) : '#badad0'","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"$2a","pinned":false,"hidden":false,"mode":"ojs"},{"id":230,"value":"md`---\n### Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"rawDataEcdc = d3.csv(\"https://covid.ourworldindata.org/data/ecdc/full_data.csv\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"dateRange = [new Date('2020-01-31'), d3.max(rawDataEcdc, d => new Date(d.date))]","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"daysRange = d3.timeDays.apply(null, dateRange)","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"countries = [...rawDataEcdc.reduce((s, d) => (s.add(d.location),s), new Set())]","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"timeseries = countries.map(location => ({\n location,\n daysData: daysRange.map(date => rawDataEcdc.find(d => d.location === location && d.date === dateFormat(date))).map(patchDays),\n})).map(d => ({\n ...d,\n maxDeathsPerDay: d3.max(d.daysData, t => t ? +t.new_deaths : 0),\n totalDeaths: d3.max(d.daysData, t => t ? +t.total_deaths : 0),\n})).map(d => ({\n ...d,\n firstDay: d.maxDeathsPerDay == 0 ? Infinity : d.daysData.findIndex(d => d && d.new_deaths > 0),\n daysSinceMax: d.maxDeathsPerDay == 0 ? Infinity : d.daysData.length - d.daysData.map(t => t ? +t.new_deaths : 0).lastIndexOf(+d.maxDeathsPerDay),\n lastValue: d.daysData[d.daysData.length-1] ? d.daysData[d.daysData.length-1].new_deaths / d.maxDeathsPerDay : 0,\n})).map(d => ({\n ...d,\n lastValue3dAvg: avg(d.daysData.slice(d.daysData.length - 3).map(t => t ? t.new_deaths / d.maxDeathsPerDay : 0)),\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":344,"value":"sortedTimeSeries = timeseries\n .filter(d => d.totalDeaths >= filterCountries)\n .sort(sorters[sortByMetric])\n .sort((a, b) => a.location === 'World' ? -1 : b.location === 'World' ? 1 : 0)","pinned":false,"hidden":false,"mode":"ojs"},{"id":351,"value":"sorters = ({\n daysSinceMax: (a, b) => a.daysSinceMax - b.daysSinceMax,\n lastValue: (a, b) => b.lastValue - a.lastValue,\n lastValue3dAvg: (a, b) => b.lastValue3dAvg - a.lastValue3dAvg,\n totalDeaths: (a, b) => b.totalDeaths - a.totalDeaths,\n location: (a, b) => a.location > b.location ? 1 : -1,\n firstDay: (a, b) => a.firstDay - b.firstDay,\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":196,"value":"patchDays = (d) => {\n // China 2020-04-17 addition\n if (d && d.location === 'China' && d.date === \"2020-04-17\") {\n return {...d, new_deaths: 0, patched: true}\n }\n return d;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":232,"value":"md`---\n### Helpers`","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"dateFormat = d3.timeFormat(\"%Y-%m-%d\")\t","pinned":false,"hidden":false,"mode":"ojs"},{"id":209,"value":"dateFormatNice = d3.timeFormat(\"%b %d\")\t","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"formatLocale = d3.formatLocale({\n thousands: '',\n grouping: [3]\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":111,"value":"numFormat = formatLocale.format(\",\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":412,"value":"avg = arr => arr.length === 0 ? 0 : arr.reduce((a, b) => a + (b || 0), 0) / arr.length","pinned":false,"hidden":false,"mode":"ojs"},{"id":234,"value":"md`---\n### Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":294,"value":"import {legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":297,"value":"import {select} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W2b","stdlib":"1","titling":"auto"}