31:T521,md`# COVID-19 during 2020 and Health Nutrition & Population Statistics by Country In an attempt to add more context to the globally recorded numbers about the COVID-19 outbreak in each country, I have combined COVID-19 data of 2020 with the WorldBank's health & population metrics of the previous year. The links to the data sources are: - COVID-19 data: https://www.ecdc.europa.eu/en/publications-data/download-todays-data-geographic-distribution-covid-19-cases-worldwide This dataset contains daily COVID-19 cases and related deaths per country from the beginning of the outbreak until the end of 2020 - Health Nutrition & Population Statistics: https://databank.worldbank.org/source/health-nutrition-and-population-statistics this dataset contains population health metrics for all countries for the year 2019 before the outbreak started. I've aggregated and merged the two datasets in a spreadsheets [here](https://docs.google.com/spreadsheets/d/1XzeSHF9i8dbQ1hLEqyYGifyC0wD1yzTIFuPmx_LxLc4/edit?usp=sharing). The combined data can be explored on the interactive scatterplot below. You can select metrics in the drop-downs and see how each country compares. You can also size symbols by population and colour them by continent. Clicking on a continent in the chart's legend will toggle them in the plot.`32:T42b,md`## Disclaimer Given the sensitivity and gravity of the COVID-19 outbreak, I feel that I should state that I am not providing any analysis or conclusions in regards to what some combination metrics might suggest. I leave this up to person exploring the data and people smarter than me. It is also important to keep in mind that the numbers that each country reports on COVID-19 cases might not always be accurate or truthful, depending on a country's testing strategy and government transparency. Finally, regarding that each country is currently still at a different stage of the progression of the outbreak, it is probably too early to compare all countries directly at this stage (you can use the legend to filter scatter plot by certain continents). All this should be taken into consideration when exploring this chart. A similar project has been done by the Worldbank here: https://datanalytics.worldbank.org/covid-dashboard/ Another great resource on statistcs and research about the Coronavirus desease is here: https://ourworldindata.org/coronavirus`33:T6ff,echartOption = ({ backgroundColor: '#FFFFFF', title: { text: `${xMetric.split(" [")[0]} &\n${yMetric} by Country`, padding: [0, 5] }, legend: { top: 35, data: Object.keys(echartsSeries) }, xAxis: { nameLocation: 'center', name: xMetric.split(' [')[0], nameTextStyle: { lineHeight: 25, } }, yAxis: { nameLocation: 'center', nameGap: 60, name: yMetric, type: scatterStyling.includes('log') ? 'log' : 'value' }, tooltip: { showDelay: 0, formatter: params => params.data[3] ? `${params.data[3]}

Population: ${params.data[2]}

${xMetric.split(' [')[0]}: ${params.data[0]}

${yMetric}: ${params.data[1]}

` : '' }, toolbox: { show: true, feature: { dataZoom: { title: { zoom: 'area zooming', back: 'restore area zooming' } }, saveAsImage: { title: 'save as image' } } }, dataZoom: [ { id: 'dataZoomY', type: 'slider', yAxisIndex: [0], showDataShadow: false, left: '92%', width: '15px' }, { id: 'dataZoomX', type: 'slider', xAxisIndex: [0], showDataShadow: false, height: '15px', top: '97%' } ], series: Object.keys(echartsSeries).map(continent => ({ name: continent, data: echartsSeries[continent], type: 'scatter', cursor: 'default', symbolSize: data => scatterStyling.includes('size') ? Math.sqrt(data[2]) / 5e2 : 5, hoverAnimation: false, itemStyle: { color: scatterStyling.includes('colour') ? undefined : '#000000' }, label: { show: true, position: 'right', formatter: param => param.data[3] } })) });34:T431,covidMetricsDefinitions = { const defs = {} defs["Sum of COVID-19 cases"] = "Total of recorded cases of Covid-19"; defs["Sum of COVID-19 related deaths"] = "Total of recorded deaths related to Covid-19"; defs["Sum of COVID-19 cases per million inhabitants"] = "Total of recorded cases of Covid-19 divided by inhabitants and multiplied by 1,000,000. Note that countries with less than one million inhabitants are also included"; defs["Sum of COVID-19 related deaths per million inhabitants"] = "Total of Covid-19 related deaths divided by inhabitants and multiplied by 1,000,000. Note that countries with less than one million inhabitants are also included"; defs["COVID-19 related deaths per COVID-19 Case"] = "Ratio of Total of recorded cases of Covid-19 and recorded deaths related to Covid-19 to date. This ratio should not be interpreted as a nation's fatality rate and should be taken with a grain of salt, since the pandemic is still ongoing and the availablility of testing and accuracy of recorded cases is different for each country"; return defs; };35:[{"id":"4aefe623b3880c7a4cbc3be7009f12d702c5dd9e70e81d2c52be849c48a3d6f1964af6bd1421d8ac6da95595de9db25506b3344955d18c0dae5b36a88283caee","href":"https://static.observableusercontent.com/files/4aefe623b3880c7a4cbc3be7009f12d702c5dd9e70e81d2c52be849c48a3d6f1964af6bd1421d8ac6da95595de9db25506b3344955d18c0dae5b36a88283caee","name":"country-and-continent-codes-list-csv_csv.txt","type":"text/plain","lastModified":1618677427418.098,"size":12344},{"id":"8cd5c7afe87ff7c1a8c021512aa4ac1395f0b1e7038e5f986ddf18e17e2c9454b34f77d672999d0611e9ee76e94e22ba09f5bcf948d77a6ad7fa53f19229c614","href":"https://static.observableusercontent.com/files/8cd5c7afe87ff7c1a8c021512aa4ac1395f0b1e7038e5f986ddf18e17e2c9454b34f77d672999d0611e9ee76e94e22ba09f5bcf948d77a6ad7fa53f19229c614","name":"Health Metrics - Metadata.csv","type":"text/csv","lastModified":1618677883604.522,"size":597895},{"id":"0a7209c9f6d48722b7884076dd383b08a34c7d93f4e1735ee185b3a938787d96b9774bc1e8035a22d19fbd9802f803206ae8080122fd12484dc3e109ae817d54","href":"https://static.observableusercontent.com/files/0a7209c9f6d48722b7884076dd383b08a34c7d93f4e1735ee185b3a938787d96b9774bc1e8035a22d19fbd9802f803206ae8080122fd12484dc3e109ae817d54","name":"COVID-19 & World Bank Metrics - Merged Data Health 2020.csv","type":"text/csv","lastModified":1618677811539.457,"size":480747}] 2f:{"title":"COVID-19 during 2020 and Health Nutrition & Population Statistics by Country","cells":[{"id":0,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":581,"value":"viewof yMetric = select({\n title: \"Select COVID-19 metric for y-axis:\",\n options: covidMetrics,\n value: \"Sum of COVID-19 cases per million inhabitants\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":599,"value":"viewof xMetric = select({\n title: \"Select Health & Population for x-axis:\",\n options: healthMetrics,\n value: \"Rural population (% of total population) [SP.RUR.TOTL.ZS]\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":506,"value":"viewof scatterStyling = checkbox({\n title: \"Style scatter plot elements\",\n options: [\n { value: \"size\", label: \"Size by population (2018)\" },\n { value: \"colour\", label: \"Colour by continent\" },\n { value: \"log\", label: \"Log on y-axis\" }\n ],\n value: [ \"size\", \"colour\" ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":91,"value":"chartContainer = html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":651,"value":"md`**Y-Metric definition**: _${covidMetricsDefinitions[yMetric]}_.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":638,"value":"md`**X-Metric definition**: _${(healthMetricsMetadata.find(d => d[\"Indicator Name\"] === xMetric.split(\" [\")[0]) || { 'Long definition': '' })['Long definition']} Countries that have no data for this metric will not appear on the chart._`","pinned":false,"hidden":false,"mode":"ojs"},{"id":680,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":535,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":677,"value":"md`\n---\n\nThe chart is made with the [ECharts](https://github.com/apache/incubator-echarts) library and the code is below.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":720,"value":"md`The sections below contain the Echarts chart settings, mapping the data to the correct format for Echarts and initialising the chart.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":85,"value":"echartsInitialised = {\n echarts.init(chartContainer).setOption(echartOption);\n return true;\n};","pinned":true,"hidden":false,"mode":"ojs"},{"id":801,"value":"echartsSeries = {\n const echartsSeries = {};\n mergedSpreadsheetData.forEach(row => {\n if (row.Continent_Name && row[xMetric] !== '..') {\n const echartsRow = [\n parseFloat(row[xMetric]), // x-axis\n parseFloat(row[yMetric]), // y-axis\n row['Population (2019)'], // size\n row['Countries and Territories'].replace(/_/g, ' ') // label\n ]; \n echartsSeries[row.Continent_Name]\n ? echartsSeries[row.Continent_Name].push(echartsRow)\n : echartsSeries[row.Continent_Name] = [echartsRow];\n }\n });\n return echartsSeries;\n};","pinned":true,"hidden":false,"mode":"ojs"},{"id":717,"value":"md`Here I'm storing all metrics in arrays and filtering out those where more than 100 countries have no recorded data.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":724,"value":"healthMetrics = {\n const emptyMetricCount = {};\n const filteredHealthMetrics = [];\n const allHealthMetrics = Object.keys(mergedSpreadsheetData[0]).slice(14);\n mergedSpreadsheetData.forEach(d => {\n allHealthMetrics.forEach(m => {\n emptyMetricCount[m] = emptyMetricCount[m] ? emptyMetricCount[m] : 0\n if (d[m] === \"..\") {\n emptyMetricCount[m] = emptyMetricCount[m] + 1;\n }\n })\n })\n allHealthMetrics.forEach(m => {\n if (emptyMetricCount[m] <= 100) {\n filteredHealthMetrics.push(m);\n }\n })\n return filteredHealthMetrics;\n};","pinned":true,"hidden":false,"mode":"ojs"},{"id":141,"value":"covidMetrics = Object.keys(mergedSpreadsheetData[0]).slice(9, 14);","pinned":true,"hidden":false,"mode":"ojs"},{"id":654,"value":"$34","pinned":true,"hidden":false,"mode":"ojs"},{"id":713,"value":"md`Below I am loading the merged data that I exported from the Google Spreadsheet.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1045,"value":"mergedSpreadsheetData = d3.csvParse(\n await FileAttachment(\"COVID-19 & World Bank Metrics - Merged Data Health 2020.csv\").text(),\n d3.autoType\n).map(row => {\n const countryInfo = countryMetaData.find(cmd =>\n cmd[\"Three_Letter_Country_Code\"] === row[\"Country Code\"]\n );\n return {\n ...countryInfo,\n ...row\n };\n});","pinned":true,"hidden":false,"mode":"ojs"},{"id":1050,"value":"healthMetricsMetadata = d3.csvParse(\n await FileAttachment(\"Health Metrics - Metadata.csv\").text(),\n d3.autoType\n);","pinned":true,"hidden":false,"mode":"ojs"},{"id":759,"value":"countryMetaData = d3.csvParse(\n await FileAttachment(\"country-and-continent-codes-list-csv_csv.txt\").text(),\n d3.autoType\n);","pinned":true,"hidden":false,"mode":"ojs"},{"id":709,"value":"md`Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"echarts = require(\"https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.min.js\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":586,"value":"import { select, checkbox } from \"@jashkenas/inputs\";","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}