29:null 2a:["$","title",null,{"children":"COVID-19 outbreak in maps and charts | xaquingv | Observable"}] 2f:T558,overall = { const container = d3.select(html`

`) .style('font-family', 'sans-serif') .style('width', `${width}px`) .style('text-align', 'center') const confirmedCases = {value: d3.sum(confirmedByCountryLatestForTable, d => d.confirmed), label: 'confirmed cases', key:'confirmed'}; const newCases = {value: d3.sum(confirmedByCountryLatestForTable, d => d.new), label: 'new daily cases', key:'new'}; const deathsCases = {value: d3.sum(confirmedByCountryLatestForTable, d => d.deaths), label: 'deaths', key:'deaths'}; const recoveredCases = {value: d3.sum(confirmedByCountryLatestForTable, d => d.recovered), label: 'people recovered', key:'recovered'}; const date = confirmedByCountryLatestForTable[0].date; const board = container.selectAll('div') .data([confirmedCases, deathsCases, recoveredCases, newCases]) .join('div') .style('width', '100px') .style('padding', '0 1em') .style('line-height', 1.2) .style('font-size', '.9em') .style('color', '#808080') .style('display', 'inline-block') .style('text-align', 'center') .style('vertical-align','top') .style('border-right','1px dotted #BDBDBD') .html(d => { return `${number(d.value)}
${d.label}` }) return container.node(); }30:T50b,md `* **${dataFacets.confirmed.slice(0,5).map(d => d[d.length - 1].country).join(', ').replace(/, ([^,]*)$/, ', and $1')}** top the charts by total number of **confirmed** cases. * The virus started in the Chinese province of Wuhan, ${(dataFacets.confirmed[0][0].iso === 'CHN')?`and the country still has more **confirmed** cases than any other`:`but **${confirmedByCountryLatest.filter(d => d.confirmed > confirmedByCountryLatest.find(d => d.iso === 'CHN').confirmed).map(d => d.country).join(', ').replace(/, ([^,]*)$/, ', and $1')}** have now more **confirmed** cases that China ...`} * ... ${(dataFacets.deaths[0][0].iso === 'CHN')?`and more deaths`:`and **${deathsByCountryLatest.filter(d => d.deaths > deathsByCountryLatest.find(d => d.iso === 'CHN').deaths).map(d => d.country).join(', ').replace(/, ([^,]*)$/, ', and $1')}** have also registered more **deaths**`} ...` 31:T429,md `## Every country is at at a different stage in the epidemic You can see that in the set of charts underneath. It shows the top countries by ${viewof order.bind(html``)}. As of ${humanDate(date(dataFacets.show[0][dataFacets.show[0].length - 1].date))}, there are **${dataFacets.show.length} countries** with more than ${number(viewThreshold)} ${order}. The number of confirmed cases does not necessarily mean they have the most infections, it only shows cases that have been confirmed by lab testing, and some countries have done it more systematically than others. [**South Korea**, for example, began widespread testing](https://en.yna.co.kr/view/AEN20200204005251320) the first week of February — it has an average of **${number(d3.mean(dataFacets.confirmed.find(d => d[0].iso === 'KOR').slice(dataFacets.confirmed[0].length - 4, dataFacets.confirmed[0].length - 1), d => d.new))} daily cases** in the past 3 days.`32:Ta66,table = { const rows = Math.ceil(width / 240), padding = width * .01; const tileSize = 100/rows - 3; const chartWidth = width * (tileSize/100) const chartHeight = chartWidth * .25; const container = d3.select(html`

`) .style('font-family', 'sans-serif'); const facets = container.selectAll('div') .data(dataFacets.show) .join('div') .style('width', `${tileSize}%`) .style('display', 'inline-block') .style('background', '#f8f8f8') .style('margin', `0 ${padding}px ${padding}px 0`) .style('padding', `${padding * 2}px ${padding}px ${padding}px ${padding}px`) facets.append('h4') .style('font-size', '.9em') .html(d => d[d.length - 1].country); facets.append('p') .style('font-size', '.8em') .style('color', '#808080') .style('margin-bottom', 0) .html(d => `${number(d[d.length - 1].confirmed)} confirmed cases` ); facets.append('p') .style('font-size', '.8em') .style('color', '#808080') .style('margin-bottom', 0) .html(d => `${number(d[d.length - 1].recovered)} recovered` ); facets.append('p') .style('font-size', '.8em') .style('color', '#808080') .style('margin-bottom', 0) .html(d => `${number(d[d.length - 1].deaths)} deaths` ); const chartsTop = facets.append('svg') .attr("viewBox", [0, -1, chartWidth, 2 * chartHeight + padding * 2 + 1]); const chartsConf = chartsTop.append('g') const chartsDR = chartsTop.append('g') drawChart(chartsConf, 'confirmed', '#ff9500', chartWidth, 2 * chartHeight, padding); drawStack(chartsDR, chartWidth, 2 * chartHeight, padding); facets.append('p') .style('font-size', '.8em') .style('color', '#808080') .style('margin-bottom', 0) .html(d => `+${number(d[d.length - 1].new)} new cases on ${d[d.length - 1].date}` ); const chartsNew = facets.append('svg') .attr("viewBox", [0, -1, chartWidth, chartHeight + padding * 2 + 1]); drawChart(chartsNew, 'new', '#808080', chartWidth, chartHeight, padding); facets.append('p') .style('font-size', '.7em') .style('color', '#999') .style('margin-bottom', 0) .style('line-height', 1.2) .html(d => `The thick gray line shows daily cases averaged to the week` ); return container.node(); }33:T8ca,projections = { const h = width * .68; const margin = {top:10,right:80,bottom:50,left:10} const svg = d3.create('svg') .attr('viewBox', [0, 0, width, h]); const selected = (selectedCountry === '')?'Spain':selectedCountry; yScale2.range([h - margin.bottom, margin.top]); xScale2.range([margin.left, width - margin.right]) const line = d3.line() .x((d, i) => xScale2(i)) .y(d => yScale2(d.confirmed)) // .curve(d3.curveCardinal) const weeks = [...new Array(Math.ceil(xScale2.domain()[1]/7))].map((d,i) => i * 7) const xAxis = d3.axisBottom(xScale2) .tickValues(weeks) .tickFormat(d => `${d/7} ${(d >= weeks[weeks.length - 1])?'weeks':''}`); const yAxis = d3.axisRight(yScale2) .tickValues([100,1000,10000,100000]) .tickSize(width - margin.left - margin.right) const g = svg.append('g') const countries = startDateTimeseries.map(d=> { return { iso: d[d.length - 1].iso, country: d[d.length - 1].short, x0: xScale2(d.length - 1), y0: yScale2(d[d.length - 1].confirmed) } }); annotateChart(svg, countries); const chart = g.append('g'); chart.selectAll('path') .data(startDateTimeseries) .join('path') .attr('d', d => line(d)) .attr('stroke-width', 1.5) .attr('stroke', '#ff9500') .attr('fill', 'none'); chart.selectAll('circle') .data(startDateTimeseries) .join('circle') .attr('cx', d => xScale2(d.length - 1)) .attr('cy', d => yScale2(d[d.length - 1].confirmed)) .attr('r', 2.5) .attr('stroke', 'none') .attr('fill', '#ff9500'); chart.attr('opacity', .6) const xa = g.append("g") .call(xAxis) .attr('transform', `translate(${0},${h - margin.bottom})`) const ya = g.append("g") .call(yAxis) .attr('transform', `translate(${margin.left},0)`) xa.select(".domain").remove(); xa.selectAll(".tick text") .attr('fill', '#999'); xa.selectAll(".tick line") .attr('stroke', '#999'); ya.select(".domain").remove(); ya.selectAll(".tick text") .attr('fill', '#999'); ya.selectAll(".tick line") .attr('stroke', '#999') .attr("stroke-dasharray", "1 3"); return svg.node(); }34:T427,confirmedByCountryTimeseries = { const byCountry = Array.from( d3.group( confirmedWithNew.flat(), d=> d.country), ([key, value]) => value) const byDate = byCountry.map(d => Array.from( d3.rollup( d, v => { const deaths = deathsData.filter(d => d.country === v[0].country && d.date === v[0].date); const recovered = recoveredData.filter(d => d.country === v[0].country && d.date === v[0].date); return { country: v[0].country, short: v[0].short, lat: v[0].lat, lon: v[0].lon, iso: v[0].iso, date: v[0].date, country: v[0].country, new: d3.sum(v, d => d.new), confirmed: d3.sum(v, d => d.confirmed), deaths: d3.sum(deaths, d => d.deaths), recovered: d3.sum(recovered, d => d.recovered) } }, d => d.date), ([key, value]) => value)).sort((a, b) => b[b.length - 1].confirmed - a[a.length - 1].confirmed) return byDate; }35:T43a,function annotateChart (svg, countries, type) { const newPositions = moveLabels(countries,null) const lines = svg.append("g") .selectAll("line") .data(newPositions) .join("line") .style('stroke-linecap', 'round') .style('stroke-linejoin', 'round') .style('stroke', '#808080') .style('stroke-dasharray', '2 2') .attr("x1", d => d.x0) .attr("x2", d => d.x + 10) .attr("y1", d => d.y0) .attr("y2", d => d.y - 10) const text = svg.append("g") .selectAll("text") .data(newPositions) .join("text") .style('font-family', 'sans-serif') .style('font-size', '.8em') .style('paint-order', 'stroke') .style('stroke-width', '3') .style('stroke', 'rgba(255,255,255,.85)') .style('stroke-linecap', 'round') .style('stroke-linejoin', 'round') .style('fill', '#505050') .style('paint-order', 'stroke') .style('text-anchor', 'left') .attr("transform", d => `translate(${d.x}, ${d.y})`) text.append("tspan") .attr("x", 10) .attr("y", -10) .text(d => d.country); }36:T736,function drawChart(svg, data, color, w, h, padding) { yScale.range([h, 0]); xScale.range([0, w]) const area = d3.area() .x(d => xScale(date(d.date))) .y0(d => yScale(d[data])) .y1(h) .curve(d3.curveStepBefore) const line = d3.line() .x(d => xScale(date(d.date))) .y(d => yScale(d[data])) .curve(d3.curveStepBefore) const avg = d3.line() .x(d => xScale(date(d.date))) .y(d => yScale(d.weeklyAvg)) .curve(d3.curveCardinal) const xAxis = d3.axisBottom(xScale) .ticks(3); const g = svg.append('g') g.append('path') .attr('d', d => { yScale.domain([0, d3.max(d, d=> d[(data === 'new')?'new':'confirmed'])]); return area(d) }) .attr('fill', color) .attr('fill-opacity', (data === 'new' || data === 'confirmed')?.2:1); g.append('path') .attr('d', d => { yScale.domain([0, d3.max(d, d=> d[(data === 'new')?'new':'confirmed'])]); return line(d) }) .attr('stroke', color) .attr('fill', 'none'); if(data === 'new') { g.append('path') .attr('d', d => { yScale.domain([0, d3.max(d, d=> d.new)]); return avg(d) }) .attr('stroke', '#505050') .attr('stroke-width', 2) .attr('fill', 'none'); } const xa = g.append("g") .call(xAxis) .attr('transform', `translate(${0},${h})`) xa.select(".domain").remove(); xa.selectAll(".tick text") .attr('fill', '#999'); xa.selectAll(".tick line") .attr('stroke', '#999'); // const ya = g.append("g") // .call(yAxis) // .attr('transform', `translate(10,${0})`) // ya.select(".domain").remove(); // ya.selectAll(".tick text") // .attr('fill', '#AAAAA0'); // ya.selectAll(".tick line") // .attr('stroke', '#f6f6f4') // .attr('stroke-opacity', .3); }37:T4dd,function drawUSMap (svg) { svg.append("path") .datum(topojson.feature(usMap, "nation")) .attr("fill", "#f3f3f3") .attr("d", path.projection(projection.us)); svg.append("path") .datum(topojson.mesh(usMap, usMap.objects.counties, (a, b) => a !== b)) .attr("fill", "none") .attr("stroke", '#e6e6e6') .attr("stroke-width", .5) .attr("stroke-linejoin", "round") .attr("d", path.projection(projection.us)); svg.append("path") .datum(topojson.mesh(usMap, usMap.objects.states, (a, b) => a !== b)) .attr("fill", "none") .attr("stroke", '#bdbdbd') .attr("stroke-width", .5) .attr("stroke-linejoin", "round") .attr("d", path.projection(projection.us)); svg.append("g") .attr("class", "confirmed") .attr("fill", "#ff9500") .attr("fill-opacity", ".15") .attr("stroke", "#ff9500") .attr("stroke-width", 1) .selectAll("circle") .data(topojson.feature(usMap, usMap.objects.counties).features) .join("circle") .attr("transform", d => `translate(${path.centroid(d)})`) .attr("r", d => { const _d = confirmedUSLatest.find(dd => dd.fips === d.id); const r = (_d !== undefined)?radiusUS(_d.confirmed):0; return r; }); }38:T5d59,countryNamesAndPop = [{"jhu":"Aruba","long":"Aruba","short":"Aru.","iso":"ABW","pop":106766,"lat":12.52111,"lon":-69.968338}, {"jhu":"Afghanistan","long":"Afghanistan","short":"Afg.","iso":"AFG","pop":38928346,"lat":33.93911,"lon":67.709953}, {"jhu":"Angola","long":"Angola","short":"An.","iso":"AGO","pop":32866272,"lat":-11.202692,"lon":17.873887}, {"jhu":"Albania","long":"Albania","short":"Alb.","iso":"ALB","pop":2877797,"lat":41.153332,"lon":20.168331}, {"jhu":"Andorra","long":"Andorra","short":"And.","iso":"AND","pop":77265,"lat":42.546245,"lon":1.601554}, {"jhu":"United Arab Emirates","long":"United Arab Emirates","short":"U.A.E.","iso":"ARE","pop":9890402,"lat":23.424076,"lon":53.847818}, {"jhu":"Argentina","long":"Argentina","short":"Arg.","iso":"ARG","pop":45195774,"lat":-38.416097,"lon":-63.616672}, {"jhu":"Armenia","long":"Armenia","short":"Arm.","iso":"ARM","pop":2963243,"lat":40.069099,"lon":45.038189}, {"jhu":"Antigua and Barbuda","long":"Antigua and Barbuda","short":"A. and B.","iso":"ATG","pop":97929,"lat":17.060816,"lon":-61.796428}, {"jhu":"Australia","long":"Australia","short":"Aus.","iso":"AUS","pop":25499884,"lat":-25.274398,"lon":133.775136}, {"jhu":"Austria","long":"Austria","short":"Au.","iso":"AUT","pop":9006398,"lat":47.516231,"lon":14.550072}, {"jhu":"Azerbaijan","long":"Azerbaijan","short":"Aze.","iso":"AZE","pop":10139177,"lat":40.143105,"lon":47.576927}, {"jhu":"Burundi","long":"Burundi","short":"Buru.","iso":"BDI","pop":11890784,"lat":-3.373056,"lon":29.918886}, {"jhu":"Belgium","long":"Belgium","short":"Bel.","iso":"BEL","pop":11589623,"lat":50.503887,"lon":4.469936}, {"jhu":"Benin","long":"Benin","short":"Benin","iso":"BEN","pop":12123200,"lat":9.30769,"lon":2.315834}, {"jhu":"Burkina Faso","long":"Burkina Faso","short":"B.F.","iso":"BFA","pop":20903273,"lat":12.238333,"lon":-1.561593}, {"jhu":"Bangladesh","long":"Bangladesh","short":"Bangl.","iso":"BGD","pop":164689383,"lat":23.684994,"lon":90.356331}, {"jhu":"Bulgaria","long":"Bulgaria","short":"Bu.","iso":"BGR","pop":6948445,"lat":42.733883,"lon":25.48583}, {"jhu":"Bahrain","long":"Bahrain","short":"Bah.","iso":"BHR","pop":1701575,"lat":25.930414,"lon":50.637772}, {"jhu":"Bahamas, The","long":"Bahamas, The","short":"Bah.","iso":"BHS","pop":393244,"lat":25.03428,"lon":-77.39628}, {"jhu":"Bosnia and Herzegovina","long":"Bosnia and Herzegovina","short":"B. and H.","iso":"BIH","pop":3280819,"lat":43.915886,"lon":17.679076}, {"jhu":"Belarus","long":"Belarus","short":"Bela.","iso":"BLR","pop":9449323,"lat":53.709807,"lon":27.953389}, {"jhu":"Belize","long":"Belize","short":"Belize","iso":"BLZ","pop":397628,"lat":17.189877,"lon":-88.49765}, {"jhu":"Bolivia","long":"Bolivia","short":"Bol.","iso":"BOL","pop":11673021,"lat":-16.290154,"lon":-63.588653}, {"jhu":"Brazil","long":"Brazil","short":"Brazil","iso":"BRA","pop":212559417,"lat":-14.235004,"lon":-51.92528}, {"jhu":"Barbados","long":"Barbados","short":"Barb.","iso":"BRB","pop":287375,"lat":13.193887,"lon":-59.543198}, {"jhu":"Brunei","long":"Brunei Darussalam","short":"Bru.","iso":"BRN","pop":437479,"lat":4.535277,"lon":114.727669}, {"jhu":"Bhutan","long":"Bhutan","short":"Bhu.","iso":"BTN","pop":771608,"lat":27.514162,"lon":90.433601}, {"jhu":"Botswana","long":"Botswana","short":"Bots.","iso":"BWA","pop":2351627,"lat":-22.328474,"lon":24.684866}, {"jhu":"Central African Republic","long":"Central African Republic","short":"C.A.F.","iso":"CAF","pop":4829767,"lat":6.611111,"lon":20.939444}, {"jhu":"Canada","long":"Canada","short":"Can.","iso":"CAN","pop":37742154,"lat":56.130366,"lon":-106.346771}, {"jhu":"Switzerland","long":"Switzerland","short":"Switz.","iso":"CHE","pop":8654622,"lat":46.818188,"lon":8.227512}, {"jhu":"Chile","long":"Chile","short":"Chile","iso":"CHL","pop":19116201,"lat":-35.675147,"lon":-71.542969}, {"jhu":"China","long":"China","short":"China","iso":"CHN","pop":1439323776,"lat":35.86166,"lon":104.195397}, {"jhu":"Cote d'Ivoire","long":"Cote d'Ivoire","short":"Ivo. Co.","iso":"CIV","pop":26378274,"lat":7.539989,"lon":-5.54708}, {"jhu":"Cameroon","long":"Cameroon","short":"Cam.","iso":"CMR","pop":26545863,"lat":7.369722,"lon":12.354722}, {"jhu":"Congo (Kinshasa)","long":"Congo, Dem. Rep.","short":"D.R.C.","iso":"COD","pop":89561403,"lat":-4.038333,"lon":21.758664}, {"jhu":"Congo (Brazzaville)","long":"Congo, Rep.","short":"Congo","iso":"COG","pop":5518087,"lat":-0.228021,"lon":15.827659}, {"jhu":"Colombia","long":"Colombia","short":"Col.","iso":"COL","pop":50882891,"lat":4.570868,"lon":-74.297333}, {"jhu":"Comoros","long":"Comoros","short":"Como.","iso":"COM","pop":869601,"lat":-11.875001,"lon":43.872219}, {"jhu":"Cabo Verde","long":"Cabo Verde","short":"C. Verde","iso":"CPV","pop":555987,"lat":16.002082,"lon":-24.013197}, {"jhu":"Cape Verde","long":"Cabo Verde","short":"C. Verde","iso":"CPV","pop":555987,"lat":16.002082,"lon":-24.013197}, {"jhu":"Costa Rica","long":"Costa Rica","short":"Co. Rica","iso":"CRI","pop":5094118,"lat":9.748917,"lon":-83.753428}, {"jhu":"Cuba","long":"Cuba","short":"Cuba","iso":"CUB","pop":11326616,"lat":21.521757,"lon":-77.781167}, {"jhu":"Cyprus","long":"Cyprus","short":"Cyprus","iso":"CYP","pop":1207359,"lat":35.126413,"lon":33.429859}, {"jhu":"Czechia","long":"Czech Republic","short":"Cz. Rep.","iso":"CZE","pop":10708981,"lat":49.817492,"lon":15.472962}, {"jhu":"Germany","long":"Germany","short":"Ger.","iso":"DEU","pop":83783942,"lat":51.165691,"lon":10.451526}, {"jhu":"Djibouti","long":"Djibouti","short":"Dji.","iso":"DJI","pop":988000,"lat":11.825138,"lon":42.590275}, {"jhu":"Dominica","long":"Dominica","short":"Domin.","iso":"DMA","pop":71986,"lat":15.414999,"lon":-61.370976}, {"jhu":"Denmark","long":"Denmark","short":"Den.","iso":"DNK","pop":5792202,"lat":56.26392,"lon":9.501785}, {"jhu":"Dominican Republic","long":"Dominican Republic","short":"Dom. Rep.","iso":"DOM","pop":10847910,"lat":18.735693,"lon":-70.162651}, {"jhu":"Algeria","long":"Algeria","short":"Alg.","iso":"DZA","pop":43851044,"lat":28.033886,"lon":1.659626}, {"jhu":"Ecuador","long":"Ecuador","short":"Ecu.","iso":"ECU","pop":17643054,"lat":-1.831239,"lon":-78.183406}, {"jhu":"Egypt","long":"Egypt, Arab Rep.","short":"Egy.","iso":"EGY","pop":102334404,"lat":26.820553,"lon":30.802498}, {"jhu":"Eritrea","long":"Eritrea","short":"Eri.","iso":"ERI","pop":3546421,"lat":15.179384,"lon":39.782334}, {"jhu":"Spain","long":"Spain","short":"Spa.","iso":"ESP","pop":46754778,"lat":40.463667,"lon":-3.74922}, {"jhu":"Estonia","long":"Estonia","short":"Est.","iso":"EST","pop":1326535,"lat":58.595272,"lon":25.013607}, {"jhu":"Ethiopia","long":"Ethiopia","short":"Ethi.","iso":"ETH","pop":114963588,"lat":9.145,"lon":40.489673}, {"jhu":"Finland","long":"Finland","short":"Fin.","iso":"FIN","pop":5540720,"lat":61.92411,"lon":25.748151}, {"jhu":"Fiji","long":"Fiji","short":"Fiji","iso":"FJI","pop":896445,"lat":-16.578193,"lon":179.414413}, {"jhu":"France","long":"France","short":"Fra.","iso":"FRA","pop":65273511,"lat":46.227638,"lon":2.213749}, {"jhu":"Micronesia","long":"Micronesia, Fed. Sts.","short":"Micr.","iso":"FSM","pop":115023,"lat":7.425554,"lon":150.550812}, {"jhu":"Gabon","long":"Gabon","short":"Gabon","iso":"GAB","pop":2225734,"lat":-0.803689,"lon":11.609444}, {"jhu":"United Kingdom","long":"United Kingdom","short":"U.K.","iso":"GBR","pop":67886011,"lat":55.378051,"lon":-3.435973}, {"jhu":"Georgia","long":"Georgia","short":"Geo.","iso":"GEO","pop":3989167,"lat":42.315407,"lon":43.356892}, {"jhu":"Ghana","long":"Ghana","short":"Gha.","iso":"GHA","pop":31072940,"lat":7.946527,"lon":-1.023194}, {"jhu":"Guinea","long":"Guinea","short":"Guinea","iso":"GIN","pop":13132795,"lat":9.945587,"lon":-9.696645}, {"jhu":"Gambia, The","long":"Gambia, The","short":"Gamb.","iso":"GMB","pop":2416668,"lat":13.443182,"lon":-15.310139}, {"jhu":"Guinea-Bissau","long":"Guinea-Bissau","short":"Gui.-B.","iso":"GNB","pop":1968001,"lat":11.803749,"lon":-15.180413}, {"jhu":"Equatorial Guinea","long":"Equatorial Guinea","short":"Eq. Gui.","iso":"GNQ","pop":1402985,"lat":1.650801,"lon":10.267895}, {"jhu":"Greece","long":"Greece","short":"Gr.","iso":"GRC","pop":10423054,"lat":39.074208,"lon":21.824312}, {"jhu":"Grenada","long":"Grenada","short":"Gre.","iso":"GRD","pop":112523,"lat":12.262776,"lon":-61.604171}, {"jhu":"Guatemala","long":"Guatemala","short":"Gua.","iso":"GTM","pop":17915568,"lat":15.783471,"lon":-90.230759}, {"jhu":"Guyana","long":"Guyana","short":"Guy.","iso":"GUY","pop":786552,"lat":4.860416,"lon":-58.93018}, {"jhu":"Hong Kong","long":"Hong Kong SAR, China","short":"H.K.","iso":"HKG","pop":7496981,"lat":22.396428,"lon":114.109497}, {"jhu":"Honduras","long":"Honduras","short":"Hon.","iso":"HND","pop":9904607,"lat":15.199999,"lon":-86.241905}, {"jhu":"Croatia","long":"Croatia","short":"Cro.","iso":"HRV","pop":4105267,"lat":45.1,"lon":15.2}, {"jhu":"Haiti","long":"Haiti","short":"Haiti","iso":"HTI","pop":11402528,"lat":18.971187,"lon":-72.285215}, {"jhu":"Hungary","long":"Hungary","short":"Hun.","iso":"HUN","pop":9660351,"lat":47.162494,"lon":19.503304}, {"jhu":"Indonesia","long":"Indonesia","short":"Indo.","iso":"IDN","pop":273523615,"lat":-0.789275,"lon":113.921327}, {"jhu":"India","long":"India","short":"India","iso":"IND","pop":1380004385,"lat":20.593684,"lon":78.96288}, {"jhu":"Ireland","long":"Ireland","short":"Ire.","iso":"IRL","pop":4937786,"lat":53.41291,"lon":-8.24389}, {"jhu":"Iran","long":"Iran","short":"Iran","iso":"IRN","pop":83992949,"lat":32.427908,"lon":53.688046}, {"jhu":"Iraq","long":"Iraq","short":"Iraq","iso":"IRQ","pop":40222493,"lat":33.223191,"lon":43.679291}, {"jhu":"Iceland","long":"Iceland","short":"Ice.","iso":"ISL","pop":341243,"lat":64.963051,"lon":-19.020835}, {"jhu":"Israel","long":"Israel","short":"Isr.","iso":"ISR","pop":8655535,"lat":31.046051,"lon":34.851612}, {"jhu":"Italy","long":"Italy","short":"Ita.","iso":"ITA","pop":60461826,"lat":41.87194,"lon":12.56738}, {"jhu":"Jamaica","long":"Jamaica","short":"Jam.","iso":"JAM","pop":2961167,"lat":18.109581,"lon":-77.297508}, {"jhu":"Jordan","long":"Jordan","short":"Jor.","iso":"JOR","pop":10203134,"lat":30.585164,"lon":36.238414}, {"jhu":"Japan","long":"Japan","short":"Japan","iso":"JPN","pop":126476461,"lat":36.204824,"lon":138.252924}, {"jhu":"Cruise Ship","long":"Diamond Princess","short":"D. P. ship","iso":"JPN2","pop":0,"lat":36.204824,"lon":138.252924}, {"jhu":"Kazakhstan","long":"Kazakhstan","short":"Kaz.","iso":"KAZ","pop":18776707,"lat":48.019573,"lon":66.923684}, {"jhu":"Kenya","long":"Kenya","short":"Ken.","iso":"KEN","pop":53771296,"lat":-0.023559,"lon":37.906193}, {"jhu":"Kyrgyzstan","long":"Kyrgyz Republic","short":"Kyr.","iso":"KGZ","pop":6524195,"lat":41.20438,"lon":74.766098}, {"jhu":"Cambodia","long":"Cambodia","short":"Camb.","iso":"KHM","pop":16718965,"lat":12.565679,"lon":104.990963}, {"jhu":"Kiribati","long":"Kiribati","short":"Kiri.","iso":"KIR","pop":119449,"lat":-3.370417,"lon":-168.734039}, {"jhu":"St. Kitts and Nevis","long":"St. Kitts and Nevis","short":"Kna.","iso":"KNA","pop":53199,"lat":17.357822,"lon":-62.782998}, {"jhu":"Korea, South","long":"South Korea","short":"S. Kor.","iso":"KOR","pop":51269185,"lat":35.907757,"lon":127.766922}, {"jhu":"Kuwait","long":"Kuwait","short":"Ku.","iso":"KWT","pop":4270571,"lat":29.31166,"lon":47.481766}, {"jhu":"Lao PDR","long":"Lao PDR","short":"Laos","iso":"LAO","pop":7275560,"lat":19.85627,"lon":102.495496}, {"jhu":"Lebanon","long":"Lebanon","short":"Leb.","iso":"LBN","pop":6825445,"lat":33.854721,"lon":35.862285}, {"jhu":"Liberia","long":"Liberia","short":"Libe.","iso":"LBR","pop":5057681,"lat":6.428055,"lon":-9.429499}, {"jhu":"Libya","long":"Libya","short":"Lib.","iso":"LBY","pop":6871292,"lat":26.3351,"lon":17.228331}, {"jhu":"Saint Lucia","long":"St. Lucia","short":"St. L.","iso":"LCA","pop":183627,"lat":13.909444,"lon":-60.978893}, {"jhu":"Liechtenstein","long":"Liechtenstein","short":"Lie.","iso":"LIE","pop":38128,"lat":47.166,"lon":9.555373}, {"jhu":"Sri Lanka","long":"Sri Lanka","short":"Sri L.","iso":"LKA","pop":21413249,"lat":7.873054,"lon":80.771797}, {"jhu":"Lesotho","long":"Lesotho","short":"Les.","iso":"LSO","pop":2142249,"lat":-29.609988,"lon":28.233608}, {"jhu":"Lithuania","long":"Lithuania","short":"Lith.","iso":"LTU","pop":2722289,"lat":55.169438,"lon":23.881275}, {"jhu":"Luxembourg","long":"Luxembourg","short":"Lux.","iso":"LUX","pop":625978,"lat":49.815273,"lon":6.129583}, {"jhu":"Latvia","long":"Latvia","short":"Lat.","iso":"LVA","pop":1886198,"lat":56.879635,"lon":24.603189}, {"jhu":"Macao","long":"Macao SAR, China","short":"Macao","iso":"MAC","pop":649335,"lat":22.198745,"lon":113.543873}, {"jhu":"Morocco","long":"Morocco","short":"Mor.","iso":"MAR","pop":36910560,"lat":31.791702,"lon":-7.09262}, {"jhu":"Monaco","long":"Monaco","short":"Mo.","iso":"MCO","pop":39242,"lat":43.750298,"lon":7.412841}, {"jhu":"Moldova","long":"Moldova","short":"Mold.","iso":"MDA","pop":4033963,"lat":47.411631,"lon":28.369885}, {"jhu":"Madagascar","long":"Madagascar","short":"Mada.","iso":"MDG","pop":27691018,"lat":-18.766947,"lon":46.869107}, {"jhu":"Maldives","long":"Maldives","short":"Mald.","iso":"MDV","pop":540544,"lat":3.202778,"lon":73.22068}, {"jhu":"Mexico","long":"Mexico","short":"Mex.","iso":"MEX","pop":128932753,"lat":23.634501,"lon":-102.552784}, {"jhu":"Marshall Islands","long":"Marshall Islands","short":"Mar. Is.","iso":"MHL","pop":59190,"lat":7.131474,"lon":171.184478}, {"jhu":"North Macedonia","long":"Macedonia, FYR","short":"Mac.","iso":"MKD","pop":2083374,"lat":41.608635,"lon":21.745275}, {"jhu":"Mali","long":"Mali","short":"Mali","iso":"MLI","pop":20250833,"lat":17.570692,"lon":-3.996166}, {"jhu":"Malta","long":"Malta","short":"Malta","iso":"MLT","pop":441543,"lat":35.937496,"lon":14.375416}, {"jhu":"Myanmar","long":"Myanmar","short":"Mya.","iso":"MMR","pop":54409800,"lat":21.913965,"lon":95.956223}, {"jhu":"Montenegro","long":"Montenegro","short":"Mont.","iso":"MNE","pop":628066,"lat":42.708678,"lon":19.37439}, {"jhu":"Mongolia","long":"Mongolia","short":"Mon.","iso":"MNG","pop":3278290,"lat":46.862496,"lon":103.846656}, {"jhu":"Mozambique","long":"Mozambique","short":"Moz.","iso":"MOZ","pop":31255435,"lat":-18.665695,"lon":35.529562}, {"jhu":"Mauritania","long":"Mauritania","short":"Mau.","iso":"MRT","pop":4649658,"lat":21.00789,"lon":-10.940835}, {"jhu":"Martinique","long":"Martinique","short":"Mart.","iso":"MTQ","pop":375265,"lat":14.641528,"lon":-61.024174}, {"jhu":"Mauritius","long":"Mauritius","short":"Maur.","iso":"MUS","pop":1271768,"lat":-20.348404,"lon":57.552152}, {"jhu":"Malawi","long":"Malawi","short":"Mala.","iso":"MWI","pop":19129952,"lat":-13.254308,"lon":34.301525}, {"jhu":"Malaysia","long":"Malaysia","short":"Mal.","iso":"MYS","pop":32365999,"lat":4.210484,"lon":101.975766}, {"jhu":"Namibia","long":"Namibia","short":"Nam.","iso":"NAM","pop":2540905,"lat":-22.95764,"lon":18.49041}, {"jhu":"Niger","long":"Niger","short":"Niger","iso":"NER","pop":24206644,"lat":17.607789,"lon":8.081666}, {"jhu":"Nigeria","long":"Nigeria","short":"Nig.","iso":"NGA","pop":206139589,"lat":9.081999,"lon":8.675277}, {"jhu":"Nicaragua","long":"Nicaragua","short":"Nic.","iso":"NIC","pop":6624554,"lat":12.865416,"lon":-85.207229}, {"jhu":"Netherlands","long":"Netherlands","short":"Neth.","iso":"NLD","pop":17134872,"lat":52.132633,"lon":5.291266}, {"jhu":"Norway","long":"Norway","short":"Nor.","iso":"NOR","pop":5421241,"lat":60.472024,"lon":8.468946}, {"jhu":"Nepal","long":"Nepal","short":"Nep.","iso":"NPL","pop":29136808,"lat":28.394857,"lon":84.124008}, {"jhu":"Nauru","long":"Nauru","short":"Nauru","iso":"NRU","pop":10824,"lat":-0.522778,"lon":166.931503}, {"jhu":"New Zealand","long":"New Zealand","short":"N.Z.","iso":"NZL","pop":4822233,"lat":-40.900557,"lon":174.885971}, {"jhu":"Oman","long":"Oman","short":"Oman","iso":"OMN","pop":5106626,"lat":21.512583,"lon":55.923255}, {"jhu":"Pakistan","long":"Pakistan","short":"Pak.","iso":"PAK","pop":220892340,"lat":30.375321,"lon":69.345116}, {"jhu":"Panama","long":"Panama","short":"Pan.","iso":"PAN","pop":4314767,"lat":8.537981,"lon":-80.782127}, {"jhu":"Peru","long":"Peru","short":"Peru","iso":"PER","pop":32971854,"lat":-9.189967,"lon":-75.015152}, {"jhu":"Philippines","long":"Philippines","short":"Phil.","iso":"PHL","pop":109581078,"lat":12.879721,"lon":121.774017}, {"jhu":"Palau","long":"Palau","short":"Palau","iso":"PLW","pop":18094,"lat":7.51498,"lon":134.58252}, {"jhu":"Papua New Guinea","long":"Papua New Guinea","short":"Pap. N.G.","iso":"PNG","pop":8947024,"lat":-6.314993,"lon":143.95555}, {"jhu":"Poland","long":"Poland","short":"Pol.","iso":"POL","pop":37846611,"lat":51.919438,"lon":19.145136}, {"jhu":"Korea, Dem. People’s Rep.","long":"Korea, Dem. People’s Rep.","short":"N. Kor.","iso":"PRK","pop":25778816,"lat":40.339852,"lon":127.510093}, {"jhu":"Portugal","long":"Portugal","short":"Port.","iso":"PRT","pop":10196709,"lat":39.399872,"lon":-8.224454}, {"jhu":"Paraguay","long":"Paraguay","short":"Para.","iso":"PRY","pop":7132538,"lat":-23.442503,"lon":-58.443832}, {"jhu":"Qatar","long":"Qatar","short":"Qatar","iso":"QAT","pop":2881053,"lat":25.354826,"lon":51.183884}, {"jhu":"Kosovo","long":"Kosovo","short":"Kos.","iso":"RKS","pop":1810463,"lat":42.667542,"lon":21.166191}, {"jhu":"Romania","long":"Romania","short":"Rom.","iso":"ROU","pop":19237691,"lat":45.943161,"lon":24.96676}, {"jhu":"Russia","long":"Russian Federation","short":"Russia","iso":"RUS","pop":145934462,"lat":61.52401,"lon":105.318756}, {"jhu":"Rwanda","long":"Rwanda","short":"Rwa.","iso":"RWA","pop":12952218,"lat":-1.940278,"lon":29.873888}, {"jhu":"Saudi Arabia","long":"Saudi Arabia","short":"S. Ara.","iso":"SAU","pop":34813871,"lat":23.885942,"lon":45.079162}, {"jhu":"Sudan","long":"Sudan","short":"Sud.","iso":"SDN","pop":43849260,"lat":12.862807,"lon":30.217636}, {"jhu":"Senegal","long":"Senegal","short":"Sen.","iso":"SEN","pop":16743927,"lat":14.497401,"lon":-14.452362}, {"jhu":"Singapore","long":"Singapore","short":"Sin.","iso":"SGP","pop":5850342,"lat":1.352083,"lon":103.819836}, {"jhu":"Solomon Islands","long":"Solomon Islands","short":"Solo. Is.","iso":"SLB","pop":686884,"lat":-9.64571,"lon":160.156194}, {"jhu":"Sierra Leone","long":"Sierra Leone","short":"S. Leone","iso":"SLE","pop":7976983,"lat":8.460555,"lon":-11.779889}, {"jhu":"El Salvador","long":"El Salvador","short":"El Sal.","iso":"SLV","pop":6486205,"lat":13.794185,"lon":-88.89653}, {"jhu":"San Marino","long":"San Marino","short":"S. Mar.","iso":"SMR","pop":33931,"lat":43.94236,"lon":12.457777}, {"jhu":"Somalia","long":"Somalia","short":"Som.","iso":"SOM","pop":15893222,"lat":5.152149,"lon":46.199616}, {"jhu":"Serbia","long":"Serbia","short":"Ser.","iso":"SRB","pop":8737371,"lat":44.016521,"lon":21.005859}, {"jhu":"South Sudan","long":"South Sudan","short":"S. Sud.","iso":"SSD","pop":11193725,"lat":7.8627,"lon":29.6949}, {"jhu":"Sao Tome and Principe","long":"Sao Tome and Principe","short":"S.T. and P.","iso":"STP","pop":219159,"lat":0.18636,"lon":6.613081}, {"jhu":"Suriname","long":"Suriname","short":"Suri.","iso":"SUR","pop":586632,"lat":3.919305,"lon":-56.027783}, {"jhu":"Slovakia","long":"Slovak Republic","short":"Slo. Rep.","iso":"SVK","pop":5459642,"lat":48.669026,"lon":19.699024}, {"jhu":"Slovenia","long":"Slovenia","short":"Slo.","iso":"SVN","pop":2078938,"lat":46.151241,"lon":14.995463}, {"jhu":"Sweden","long":"Sweden","short":"Swe.","iso":"SWE","pop":10099265,"lat":60.128161,"lon":18.643501}, {"jhu":"Eswatini","long":"Eswatini","short":"Swazi.","iso":"SWZ","pop":1160164,"lat":-26.522503,"lon":31.465866}, {"jhu":"Seychelles","long":"Seychelles","short":"Sey.","iso":"SYC","pop":98347,"lat":-4.679574,"lon":55.491977}, {"jhu":"Syrian Arab Republic","long":"Syrian Arab Republic","short":"Syr.","iso":"SYR","pop":17500658,"lat":34.802075,"lon":38.996815}, {"jhu":"Turks and Caicos Islands","long":"Turks and Caicos Islands","short":"Tca.","iso":"TCA","pop":38717,"lat":21.694025,"lon":-71.797928}, {"jhu":"Chad","long":"Chad","short":"Chad","iso":"TCD","pop":16425864,"lat":15.454166,"lon":18.732207}, {"jhu":"Togo","long":"Togo","short":"Togo","iso":"TGO","pop":8278724,"lat":8.619543,"lon":0.824782}, {"jhu":"Thailand","long":"Thailand","short":"Tha.","iso":"THA","pop":69799978,"lat":15.870032,"lon":100.992541}, {"jhu":"Tajikistan","long":"Tajikistan","short":"Taj.","iso":"TJK","pop":9537645,"lat":38.861034,"lon":71.276093}, {"jhu":"Turkmenistan","long":"Turkmenistan","short":"Turkm.","iso":"TKM","pop":6031200,"lat":38.969719,"lon":59.556278}, {"jhu":"East Timor","long":"Timor-Leste","short":"T.L.","iso":"TLS","pop":1318445,"lat":-8.874217,"lon":125.727539}, {"jhu":"Tonga","long":"Tonga","short":"Tonga","iso":"TON","pop":105695,"lat":-21.178986,"lon":-175.198242}, {"jhu":"Trinidad and Tobago","long":"Trinidad and Tobago","short":"T. and T.","iso":"TTO","pop":1399488,"lat":10.691803,"lon":-61.222503}, {"jhu":"Tunisia","long":"Tunisia","short":"Tuni.","iso":"TUN","pop":11818619,"lat":33.886917,"lon":9.537499}, {"jhu":"Turkey","long":"Turkey","short":"Tur.","iso":"TUR","pop":84339067,"lat":38.963745,"lon":35.243322}, {"jhu":"Taiwan*","long":"Taiwan","short":"Tw.","iso":"TWN","pop":23816775,"lat":23.69781,"lon":120.960515}, {"jhu":"Tanzania","long":"Tanzania","short":"Tanz.","iso":"TZA","pop":59734218,"lat":-6.369028,"lon":34.888822}, {"jhu":"Uganda","long":"Uganda","short":"Ug.","iso":"UGA","pop":45741007,"lat":1.373333,"lon":32.290275}, {"jhu":"Ukraine","long":"Ukraine","short":"Ukr.","iso":"UKR","pop":43733762,"lat":48.379433,"lon":31.16558}, {"jhu":"Uruguay","long":"Uruguay","short":"Uru.","iso":"URY","pop":3473730,"lat":-32.522779,"lon":-55.765835}, {"jhu":"US","long":"United States","short":"USA","iso":"USA","pop":331002651,"lat":37.09024,"lon":-95.712891}, {"jhu":"Uzbekistan","long":"Uzbekistan","short":"Uzb.","iso":"UZB","pop":33469203,"lat":41.377491,"lon":64.585262}, {"jhu":"Holy See","long":"Vatican","short":"Vatican","iso":"VAT","pop":801,"lat":41.902916,"lon":12.453389}, {"jhu":"Saint Vincent and the Grenadines","long":"St. Vincent and the Grenadines","short":"Vct.","iso":"VCT","pop":110940,"lat":12.984305,"lon":-61.287228}, {"jhu":"Venezuela","long":"Venezuela, RB","short":"Ven.","iso":"VEN","pop":28435940,"lat":6.42375,"lon":-66.58973}, {"jhu":"British Virgin Islands","long":"British Virgin Islands","short":"Br. V. Is.","iso":"VGB","pop":30231,"lat":18.420695,"lon":-64.639968}, {"jhu":"Vietnam","long":"Viet Nam","short":"Viet.","iso":"VNM","pop":97338579,"lat":14.058324,"lon":108.277199}, {"jhu":"Vanuatu","long":"Vanuatu","short":"Van.","iso":"VUT","pop":307145,"lat":-15.376706,"lon":166.959158}, {"jhu":"Samoa","long":"Samoa","short":"Samoa","iso":"WSM","pop":198414,"lat":-13.759029,"lon":-172.104629}, {"jhu":"Yemen","long":"Yemen, Rep.","short":"Yemen","iso":"YEM","pop":29825964,"lat":15.552727,"lon":48.516388}, {"jhu":"South Africa","long":"South Africa","short":"S. Africa","iso":"ZAF","pop":59308690,"lat":-30.559482,"lon":22.937506}, {"jhu":"Zambia","long":"Zambia","short":"Zambia","iso":"ZMB","pop":18383955,"lat":-13.133897,"lon":27.849332}, {"jhu":"Zimbabwe","long":"Zimbabwe","short":"Zimb.","iso":"ZWE","pop":14862924,"lat":-19.015438,"lon":29.154857}, {"jhu":"Timor-Leste","long":"Timor-Leste","short":"T.L.","iso":"TLS","pop":1318445,"lat":-8.874217,"lon":125.727539}, {"jhu":"The Bahamas","long":"Bahamas, The","short":"Bah.","iso":"BHS","pop":393244,"lat":25.03428,"lon":-77.39628}, {"jhu":"The Gambia","long":"Gambia, The","short":"Gamb.","iso":"GMB","pop":2416668,"lat":13.443182,"lon":-15.310139}, {"jhu":"Republic of the Congo","long":"Congo, Rep.","short":"Congo","iso":"COG","pop":5518087,"lat":-0.228021,"lon":15.827659}, {"jhu":"Greenland","long":"Greenland","short":"Greenland","iso":"GRL","pop":56770,"lat":71.7069,"lon":-42.6043}, {"jhu":"Puerto Rico","long":"Puerto Rico","short":"Puerto Rico","iso":"PRI","pop":2860853,"lat":18.220833,"lon":-66.590149}]39:[{"id":"783cf2bf259e16d662d92c9f59ec97e564c50841c5984f2bb6f65a6d31f8c1b80846bffb65cb654dc2b587ac96f0007ab68c24bacce33655fd785e46020aff74","href":"https://static.observableusercontent.com/files/783cf2bf259e16d662d92c9f59ec97e564c50841c5984f2bb6f65a6d31f8c1b80846bffb65cb654dc2b587ac96f0007ab68c24bacce33655fd785e46020aff74","name":"us@1.json","type":"application/json","lastModified":1585484121023.807,"size":842177},{"id":"76d4b7a1bf7440cff87d30058e0cc919eb0e6e686853d0091ccf2d6fc89c0036a41394086f6b2c80412800109007b1cd2514b5f4c8888c0ffb56d78ecbccf8de","href":"https://static.observableusercontent.com/files/76d4b7a1bf7440cff87d30058e0cc919eb0e6e686853d0091ccf2d6fc89c0036a41394086f6b2c80412800109007b1cd2514b5f4c8888c0ffb56d78ecbccf8de","name":"world.json","type":"application/json","lastModified":1584706309509.531,"size":209743}] 2d:{"id":"467cdfcb5a57014e","slug":"covid-19-outbreak-in-maps-and-charts","title":"COVID-19 outbreak in maps and charts","thumbnail":"6d636f98dafdf76f46caa42317be7fda82ec56a87c9963cda7ed83452c6d943e","access_level":"public","create_time":"$D2020-03-20T10:46:18.188Z","update_time":"$D2020-10-20T16:55:29.306Z","view_time":null,"first_public_time":"$D2020-03-22T19:57:52.556Z","has_unpublished_edits":null,"fork":false,"stars":22,"starred":false,"owner":{"type":"team","id":"f69d350b474cbc9b","login":"xaquingv","name":"","avatar_url":"https://avatars-next.observableusercontent.com/964250a396a5c55f0dcee877939a870e04f9741dead22595f1d385b85883f4d6","tier":"starter_2024"},"version":2534,"publish_version":2534,"role":null,"authored":false,"authors":[{"type":"individual","id":"37cab874ceedc4fa","login":"xaquingv","name":"","avatar_url":"https://avatars-next.observableusercontent.com/964250a396a5c55f0dcee877939a870e04f9741dead22595f1d385b85883f4d6","tier":null}],"members":[{"type":"individual","id":"37cab874ceedc4fa","login":"xaquingv","name":"","avatar_url":"https://avatars-next.observableusercontent.com/964250a396a5c55f0dcee877939a870e04f9741dead22595f1d385b85883f4d6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":26,"collection":{"id":"e7cc41ec60819d92","slug":"coronavirus","title":"Coronavirus","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"type":"notebook","body":{"title":"COVID-19 outbreak in maps and charts","cells":[{"id":0,"value":"md `# COVID-19 outbreak in maps and charts`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1377,"value":"md `This is the situation as of ${humanDate(date(confirmedByCountryLatestForTable[0].date))} ...`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1341,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1098,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":541,"value":"worldConfirmedCases = {\n const h = height(projection.world), p = projection.world;\n const svg = d3.create(\"svg\")\n .attr('viewBox', [0, 0, width, h*.825]);\n \n // radius.range([.5,width])\n \n drawMap(svg,p)\n annotate(svg, p, dataFacets.confirmed.slice(0,5).map(d => d[0].iso), 'confirmed')\n\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1096,"value":"md `Most **new confirmed** cases daily are now in **${dataFacets.new.slice(0,5).map(d => d[d.length - 1].country).join(', ').replace(/, ([^,]*)$/, ', and $1')}**.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"worldNewCases = {\n const h = height(projection.world), p = projection.world;\n const svg = d3.create('svg')\n .attr('viewBox', [0, 0, width, h*.825]);\n \n drawShaded(svg)\n annotate(svg, p, dataFacets.new.slice(0,5).map(d => d[0].iso), 'new')\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":958,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2349,"value":"viewof viewThreshold = slider({\n min: 500/threshOrder(order), \n max: 5000/threshOrder(order), \n step: 100/threshOrder(order),\n value: 1000/threshOrder(order), \n format:v => `${number(v)} ${order}`,\n title: \"Showing countries with more than ...\" \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":379,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":803,"value":"md `TO DO: \n* **Chart of the projected cases. This is not even a mockup, AB still doing the forecasting model.**\n* In the meantime, I'll keep playing with this until I make sense of the math ...`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1278,"value":"md `${viewof selectedCountry.bind(html``)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":806,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":546,"value":"md `## Europe`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":288,"value":"europe = {\n const h = height(projection.world), p = projection.europe;\n radius.range([1.5,60])\n \n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, h]);\n \n drawMap(svg,p)\n annotate(svg, p, ['ITA', 'ESP', 'FRA', 'DEU', 'CHE', 'GBR'], 'confirmed')\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":553,"value":"md `## United States`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":343,"value":"us = {\n const h = 610;\n \n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, h]);\n \n const c = confirmedUSLatest.filter(d => d.confirmed >= 5000);\n const counties = topojson.feature(usMap, usMap.objects.counties).features.filter(d => c.map(d => d.fips).includes(d.id));\n \n drawUSMap(svg)\n annotateUS(svg, projection.us, counties, 'confirmed')\n \n return svg.node();\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":561,"value":"md `## Asia`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":311,"value":"asia = {\n const h = height(projection.world), p = projection.asia;\n radius.range([1.5,60])\n \n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, h])\n \n drawMap(svg, p)\n annotate(svg, p, ['CHN','IRN', 'KOR'], 'confirmed')\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1322,"value":"md `### TO DO list\nThis list is not comprehensive, add if you see more stuff that needs to be added ...\n\n#### General:\n* **ADD** tooltips\n* **ADD** credits\n* **REVIEW** explanatory texts\n\n#### World maps:\n* **FIX** borders in Africa\n* **ADD** legend to *worldNewCases*\n\n#### Small multiples:\n* **ADD** Y-axis\n\n#### Chart with projections:\n* **FORECASTING MODEL**\n* **ADD** Y-axis\n* **ADD** explanatory text and methodology for predictions\n\n#### Regional maps: \n* **AUTOMATE** labels for top countries based on region\n* **CHANGE** map to each region with regional borders (for US and China) and labels (countries and main cities) ... right now we're using world map.\n\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1411,"value":"md `## Data and sources\nThis notebook relies on data from:\n* The data repository for the 2019 Novel Coronavirus Visual Dashboard operated by the Johns Hopkins University Center for Systems Science and Engineering (JHU CSSE) and supported by ESRI Living Atlas Team and the Johns Hopkins University Applied Physics Lab (JHU APL). They have a [Visual Dashboard](https://www.arcgis.com/apps/opsdashboard/index.html#/bda7594740fd40299423467b48e9ecf6) and a [Github repository](https://github.com/CSSEGISandData/COVID-19)\n* The New York Times data repository (https://raw.githubusercontent.com/nytimes/covid-19-data/master/us-counties.csv) with cumulative counts of coronavirus cases in the United States, at state and county level. They have used this data to power their [maps](https://www.nytimes.com/interactive/2020/us/coronavirus-us-cases.html) and other reporting`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1861,"value":"colors = d3.scaleOrdinal()\n .domain(['recovered','deaths','confirmed','new'])\n .range(['#25c45b', '#c9166a','#ff9500','#808080'])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":975,"value":"dataFacets = {\n const obj = {};\n \n obj.confirmed = allTimeseries\n .sort((a,b) => b[b.length - 1].confirmed - a[a.length - 1].confirmed)\n .filter(d => d[d.length - 1].confirmed > viewThreshold);\n \n obj.deaths = allTimeseries\n .sort((a,b) => b[b.length - 1].deaths - a[a.length - 1].deaths)\n .filter(d => d[d.length - 1].deaths > viewThreshold);\n \n obj.new = allTimeseries\n .sort((a,b) => b[b.length - 1].new - a[a.length - 1].new)\n .filter(d => d[d.length - 1].new > viewThreshold);\n \n if (order === 'confirmed cases') obj.show = obj.confirmed;\n else if (order === 'new daily cases') obj.show = obj.new;\n else if (order === 'deaths') obj.show = obj.deaths;\n else obj.show = obj.confirmed\n \n return obj;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":527,"value":"confirmedByCountryLatestForTable = confirmedByCountryTimeseries\n .map(d=> d[d.length - 1])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1671,"value":"stackedDeathsAndRecovered = confirmedByCountryTimeseries.map(d => d3.stack().keys(['deaths','recovered'])(d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2059,"value":"startDateTimeseries = {\n const _allTimeseries = allTimeseries.map(d => d);\n const confirmedBigOnly = _allTimeseries.map(d => d.filter(d => d.confirmed > 10))\n const confirmedLongTime = confirmedBigOnly.filter(d => d.length > 1 && d[d.length - 1].confirmed > 1000)\n return confirmedLongTime;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1782,"value":"allTimeseries = confirmedByCountryTimeseries.map(d => {\n const country = d[0].country\n d.stack = stackedDeathsAndRecovered.find(d => d[0][0].data.country === country)\n return d;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2488,"value":"confirmedMovingAvg = confirmedByCountryTimeseries.map(d => movAvg(d, 'new'))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":397,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2202,"value":"recoveredByCountryLatest = Array.from(\n d3.rollup(\n recoveredLatest,\n v => { \n return {\n country: v[0].country,\n lat: v[0].lat,\n lon: v[0].lon,\n iso: v[0].iso,\n date: v[0].date,\n country: v[0].country,\n recovered: d3.sum(v, d => d.recovered) }\n },\n d=> d.country),\n ([key, value]) => value)\n .sort((a,b) => b.recovered - a.recovered)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1618,"value":"deathsByCountryLatest = Array.from(\n d3.rollup(\n deathsLatest,\n v => { \n return {\n country: v[0].country,\n lat: v[0].lat,\n lon: v[0].lon,\n iso: v[0].iso,\n date: v[0].date,\n country: v[0].country,\n deaths: d3.sum(v, d => d.deaths) }\n },\n d=> d.country),\n ([key, value]) => value)\n .sort((a,b) => b.deaths - a.deaths)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2305,"value":"confirmedUSLatest = {\n const data = Array.from(\n d3.group(\n confirmedUSRaw,\n d=> d.date),\n ([key, value]) => value)\n .sort((a,b) => b.date - a.date)\n \n const _data = data.filter((d,i) => i === data.length - 1).flat().sort((a,b) => b.confirmed - a.confirmed);\n \n return _data;\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"confirmedByCountryLatest = Array.from(\n d3.rollup(\n confirmedLatest,\n v => { \n return {\n country: v[0].country,\n short:v[0].short,\n lat: v[0].lat,\n lon: v[0].lon,\n iso: v[0].iso,\n date: v[0].date,\n new: d3.sum(v, d => d.new),\n country: v[0].country,\n confirmed: d3.sum(v, d => d.confirmed)\n }\n },\n d=> d.country),\n ([key, value]) => value)\n .sort((a,b) => b.confirmed - a.confirmed)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1943,"value":"recoveredLatest = recoveredRaw.map(d => d[d.length - 1]).sort((a,b) => b.recovered - a.recovered)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1616,"value":"deathsLatest = deathsRaw.map(d => d[d.length - 1]).sort((a,b) => b.deaths - a.deaths)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"confirmedLatest = confirmedRaw.map(d => d[d.length - 1]).sort((a,b) => b.confirmed - a.confirmed)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1659,"value":"recoveredData = recoveredRaw.flat();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2008,"value":"deathsData = deathsRaw.flat();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1653,"value":"recoveredRaw = d3.csv('https://raw.githubusercontent.com/CSSEGISandData/COVID-19/master/csse_covid_19_data/csse_covid_19_time_series/time_series_covid19_recovered_global.csv', (d, rows, cols) => { \n \n const dates = cols.slice(4, cols.length);\n const data = [];\n \n dates.forEach(dd=> {\n const match = countryNamesAndPop.find(dd => dd.jhu === d['Country/Region'])\n const country = (match !== undefined)?match.long:d['Country/Region'];\n const region = d['Province/State'];\n const iso = (match !== undefined)?match.iso:'';\n const lat = d['Lat'];\n const lon = d['Long'];\n const date = dd;\n const recovered = +d[dd];\n const pivot = {\n country: country, region: region, lat: lat, lon: lon, date: date, recovered: recovered, iso: iso\n }\n \n data.push(pivot)\n \n })\n \n return data\n \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1574,"value":"deathsRaw = d3.csv('https://raw.githubusercontent.com/CSSEGISandData/COVID-19/master/csse_covid_19_data/csse_covid_19_time_series/time_series_covid19_deaths_global.csv', (d, rows, cols) => { \n \n const dates = cols.slice(4, cols.length);\n const data = [];\n \n dates.forEach(dd=> {\n const match = countryNamesAndPop.find(dd => dd.jhu === d['Country/Region'])\n const country = (match !== undefined)?match.long:d['Country/Region'];\n const region = d['Province/State'];\n const iso = (match !== undefined)?match.iso:'';\n const lat = d['Lat'];\n const lon = d['Long'];\n const date = dd;\n const deaths = +d[dd];\n const pivot = {\n country: country, region: region, lat: lat, lon: lon, date: date, deaths: deaths, iso: iso\n }\n \n data.push(pivot)\n \n })\n \n return data\n \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2039,"value":"confirmedWithNew = confirmedRaw.map(d => d.map((dd,i) => {\n dd.new = (i > 0)?dd.confirmed - d[i - 1].confirmed:0;\n return dd;\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2295,"value":"confirmedUSRaw = d3.csv('https://raw.githubusercontent.com/nytimes/covid-19-data/master/us-counties.csv', d => { \n d.confirmed = +d.cases;\n \n if(d.county === 'New York City') d.fips = '36061'\n else if (d.county === 'Kansas City, Mo.') d.fips = '29095'\n else if (d.county === 'Joplin, Mo.') d.fips = '29097'\n else if (d.county === 'Chicago') d.fips = '17031'\n\n return d;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"confirmedRaw = d3.csv('https://raw.githubusercontent.com/CSSEGISandData/COVID-19/master/csse_covid_19_data/csse_covid_19_time_series/time_series_covid19_confirmed_global.csv', (d, rows, cols) => { \n \n const dates = cols.slice(4, cols.length);\n const data = [];\n \n dates.forEach((dd, i)=> {\n const match = countryNamesAndPop.find(dd => dd.jhu === d['Country/Region'])\n const country = (match !== undefined)?match.long:d['Country/Region'];\n const short = (match !== undefined)?match.short:d['Country/Region'];\n const region = d['Province/State'];\n const iso = (match !== undefined)?match.iso:'';\n const lat = d['Lat'];\n const lon = d['Long'];\n const date = dd;\n const confirmed = +d[dd];\n const pivot = {\n country: country, short: short, region: region, lat: lat, lon: lon, date: date, confirmed: confirmed, iso: iso\n }\n \n data.push(pivot)\n \n })\n \n return data\n \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"md `### Libraries and utility functions\nWe used **D3** for the data transformations and visualization, and **topojson** for all map-related operations.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = {\n const d3 = await require(\"d3-array@^2.2\", \"d3-shape@1\", \"d3-axis@1\", \"d3-format@1\", \"d3-random@1\", \"d3-scale@2\", \"d3-random@1\", \"d3-selection@1\", \"d3-fetch@1\", \"d3-brush\",\"d3-zoom\",\"d3-interpolate\", \"d3-transition@1\", \"d3-scale-chromatic@1\", \"d3-geo@1\", \"d3-time-format\", \"d3-geo-projection@2\", \"d3-force@1\");\n d3.bin = d3.histogram;\n d3.area = d3.area;\n return d3;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1430,"value":"md `Everything else is maps, chart-drawing functions, scales, formats and lookup lists to keep country names consistent.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2476,"value":"function movAvg(data, accessor, window = 7) {\n const tArray = [...new Array(Math.floor(data.length))];\n \n const means = tArray.map((d, i) => {\n const w = ((i + window < data.length)?window:data.length - i);\n const sums = d3.sum(data.slice(i,i+7), d => d[accessor]);\n const _d = data[i];\n _d.weeklyAvg = sums/w;\n return _d;\n })\n \n return means;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1255,"value":"function moveLabels(countries, proj = null) {\n countries.forEach(c => {\n [c.x, c.y] = (proj)?proj([c.lon, c.lat]):[c.x0, c.y0];\n c.r = 24;\n });\n\n const force = d3\n .forceSimulation()\n .force(\"x\", d3.forceX(d => d.x))\n .force(\"y\", d3.forceY(d => d.y))\n .force(\"collide\", d3.forceCollide().radius(d => d.r).iterations(2))\n .nodes(countries)\n .stop()\n .tick(15);\n\n return countries;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2420,"value":"function moveLabelsUS(counties) {\n counties.forEach(c => {\n [c.x, c.y] = path.centroid(c);\n c.r = 32;\n });\n\n const force = d3\n .forceSimulation()\n .force(\"x\", d3.forceX(d => d.x))\n .force(\"y\", d3.forceY(d => d.y))\n .force(\"collide\", d3.forceCollide().radius(d => d.r).iterations(2))\n .nodes(counties)\n .stop()\n .tick(15);\n\n return counties;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":959,"value":"viewof order = new View('confirmed cases')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1305,"value":"viewof selectedCountry = new View('Spain')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2141,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2395,"value":"function annotateUS (svg, p, counties, type) {\n \n const newPositions = moveLabelsUS(counties)\n \n const text = svg.append(\"g\")\n .selectAll(\"text\")\n .data(newPositions)\n .join(\"text\")\n .style('font-family', 'sans-serif')\n .style('font-size', '.8em')\n .style('paint-order', 'stroke')\n .style('stroke-width', '3')\n .style('stroke', 'rgba(255,255,255,.85)')\n .style('stroke-linecap', 'round')\n .style('stroke-linejoin', 'round')\n .style('paint-order', 'stroke')\n .style('text-anchor', 'middle')\n .attr(\"transform\", d => `translate(${d.x}, ${d.y})`)\n \n text.append(\"tspan\")\n .attr(\"x\", 0)\n .attr(\"y\", 0)\n .text(d => confirmedUSLatest.find(dd => d.id === dd.fips).county);\n \n text.append(\"tspan\")\n .style('font-weight', 'bold')\n .attr(\"x\", 0)\n .attr(\"y\", '1.1em')\n .text(d => `${number(confirmedUSLatest.find(dd => d.id === dd.fips).confirmed)}`);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":875,"value":"function annotate (svg, p, countries, type) {\n const c = countryNamesAndPop.filter(d => countries.includes(d.iso));\n \n const newPositions = moveLabels(c,p)\n \n const text = svg.append(\"g\")\n .selectAll(\"text\")\n .data(newPositions)\n .join(\"text\")\n .style('font-family', 'sans-serif')\n .style('font-size', '.8em')\n .style('paint-order', 'stroke')\n .style('stroke-width', '3')\n .style('stroke', 'rgba(255,255,255,.85)')\n .style('stroke-linecap', 'round')\n .style('stroke-linejoin', 'round')\n .style('paint-order', 'stroke')\n .style('text-anchor', 'middle')\n .attr(\"transform\", d => `translate(${d.x}, ${d.y})`)\n \n text.append(\"tspan\")\n .attr(\"x\", 0)\n .attr(\"y\", 0)\n .text(d => confirmedByCountryLatest.find(dd => dd.iso === d.iso).country);\n \n text.append(\"tspan\")\n .style('font-weight', 'bold')\n .attr(\"x\", 0)\n .attr(\"y\", '1.1em')\n .text(d => `${(type === 'new')?'+':''}${number(confirmedByCountryLatestForTable.find(dd => dd.iso === d.iso)[type])}`);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1680,"value":"function drawStack(svg, w, h, padding) {\n \n yScale.range([h, 0]);\n xScale.range([0, w]);\n \n const area = d3.area()\n .x(d => xScale(date(d.data.date)))\n .y0(d => yScale(d[0]))\n .y1(d => yScale(d[1]))\n .curve(d3.curveStepBefore)\n \n const g = svg.append('g')\n \n g.selectAll('path')\n .data(d => {\n yScale.domain([0, d3.max(d, dd=> dd.confirmed)])\n d.stack[0].y = yScale.domain()\n d.stack[1].y = yScale.domain()\n return d.stack;\n })\n .join('path')\n .attr('d', d => {\n yScale.domain(d.y)\n return area(d)\n })\n .attr('fill', ({key}) => colors(key))\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1013,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2227,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":315,"value":"function drawMap(svg, p){\n svg.append(\"path\")\n .datum(topojson.feature(worldMap, noAntarctica))\n .attr(\"fill\", \"#f3f3f3\")\n .attr(\"d\", path.projection(p));\n\n svg.append(\"path\")\n .datum(topojson.mesh(worldMap, countryBorders, (a, b) => a !== b))\n .attr(\"fill\", \"none\")\n .attr(\"stroke\", '#bdbdbd')\n .attr(\"stroke-width\", .5)\n .attr(\"stroke-linejoin\", \"round\")\n .attr(\"d\", path.projection(p));\n \n svg.append(\"g\")\n .attr(\"class\", \"confirmed\")\n .attr(\"fill\", \"#ff9500\")\n .attr(\"fill-opacity\", \".15\")\n .attr(\"stroke\", \"#ff9500\")\n .attr(\"stroke-width\", 1)\n .selectAll(\"circle\")\n .data(confirmedLatest)\n .join(\"circle\")\n .attr(\"transform\", d => `translate(${p([d.lon,d.lat])[0]},${p([d.lon,d.lat])[1]})`)\n .attr(\"r\", d => radius(d.confirmed));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":557,"value":"function drawShaded(svg){\n svg.selectAll('path')\n .data(topojson.feature(worldMap, noAntarctica).features)\n .join('path')\n .attr(\"fill\", d => {\n const _d = confirmedByCountryLatest.find(dd => dd.iso === d.properties.Color_Code)\n if(_d === undefined) return '#f3f3f3';\n else if(_d.new >= 1000) return '#de4726';\n else if(_d.new >= 100) return '#ff9500';\n else return '#f7dd9c';\n })\n .attr(\"d\", path.projection(projection.world));\n\n svg.append('path')\n .datum(topojson.mesh(worldMap, countryBorders, (a, b) => a !== b))\n .attr(\"fill\", \"none\")\n .attr(\"stroke\", '#fff')\n .attr(\"stroke-linejoin\", \"round\")\n .attr(\"d\", path.projection(projection.world));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":205,"value":"countryBorders = ({\n type: \"GeometryCollection\",\n geometries: worldMap.objects.countries.geometries.filter(d=> d.properties.ISO3_CODE.length <= 3)\n });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"noAntarctica = ({\n type: \"GeometryCollection\",\n geometries: worldMap.objects.countries.geometries.filter(d=> d.properties.ISO3_CODE !== 'ATA')\n });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":263,"value":"projection = ({\n world: d3.geoKavrayskiy7(),\n europe: d3.geoAzimuthalEqualArea().rotate([-16,-55]).scale(900),\n asia: d3.geoAzimuthalEqualArea().rotate([-85,-29]).scale(480),\n us: d3.geoAlbersUsa().scale(1250).translate([487.5, 305])\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":191,"value":"function height (p){\n const projection = p;\n const [[x0, y0], [x1, y1]] = d3.geoPath(projection.fitWidth(width, outline)).bounds(outline);\n const dy = Math.ceil(y1 - y0), l = Math.min(Math.ceil(x1 - x0), dy);\n projection.scale(projection.scale() * (l - 1) / l).precision(0.2);\n return dy;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2328,"value":"radiusUS = d3.scaleSqrt([0,d3.max(confirmedUSLatest, d=> d.confirmed)], [.5, width/15])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"radius = d3.scaleSqrt([0,d3.max(confirmedByCountryLatest, d=> d.confirmed)], [.5, width/30])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"path = d3.geoPath();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"outline = ({type: \"Sphere\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":380,"value":"yScale = d3.scaleLinear()\n .domain([0,d3.max(confirmedRaw.flat(),d => d.confirmed)])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2077,"value":"yScale2 = d3.scaleLog()\n .domain([10, d3.max(confirmedByCountryLatest, d=> d.confirmed + 50000)])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2067,"value":"xScale2 = d3.scaleLinear()\n .domain([0, confirmedRaw[0].length - 1])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":382,"value":"xScale = d3.scaleTime()\n .domain(d3.extent(confirmedRaw.flat(), d => date(d.date)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":391,"value":"number = d3.format(',.2~f')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":823,"value":"date = d3.timeParse('%-m/%-d/%y')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1004,"value":"humanDate = d3.timeFormat('%B %_d')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2357,"value":"threshOrder = d3.scaleOrdinal()\n .domain(['confirmed cases','new daily cases','deaths'])\n .range([1,10,20])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2222,"value":"usMap = FileAttachment(\"us@1.json\").json();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"worldMap = FileAttachment('world.json').json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":858,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2351,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":954,"value":"import {View} from \"@mbostock/synchronized-views\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W39","stdlib":"1","titling":"auto"}} 2e:"$2d:body"