Dataviz 2020_Ep49 - 39. Coronavirus Load and Present Total Deaths

100%

Dataviz 2020_Ep49 - 39. Coronavirus Load and Present Total Deaths

✓ Published0🌍 Public

Last edited Jul 30, 2021

Created on Jul 30, 2021

This example displays the global total COVID-19 deaths from the Johns Hopkins CSSE time-series dataset, presenting a single large text value with the latest date. It uses d3.csv to load the data, selects the final date column, sums all country values with Array.reduce, and formats the result using d3.format. The number and date are inserted into the DOM via textContent, styled with dark red and a large font size through a stylesheet.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Summarizing Coronavirus Data

This example displays the total number of global COVID-19 deaths as a large numeric counter, updated to the latest date in the Johns Hopkins time-series dataset. It loads the CSV data using d3.csv, extracts the final column, sums its values with JavaScript’s reduce method, and formats the result with d3.format. The comma-separated total and date are rendered as plain text in a pre element, with no charts or interactive elements.

WWolfgang

88% match

Loading thumbnail…

Summarizing Coronavirus Data

This example displays a single, large-text summary of the total global COVID-19 deaths from the Johns Hopkins Coronavirus Dataset, along with the most recent date column in the time-series data. It loads the CSV via `d3.csv` and uses `d3.format` to insert comma separators into the summed death count. The code iterates through each country row, converts the latest date’s value to a number, and reduces them with a simple accumulator function before updating the DOM’s text content.

KK3zter

88% match

Loading thumbnail…

Summarizing Coronavirus Data

This example displays the total global COVID-19 deaths as a large, prominently styled number, along with the date of the latest data column. It loads a time series CSV from the Johns Hopkins CSSE repository using `d3.csv` and a Promise, then parses the last column’s values. The sum is computed with `Array.reduce` and formatted with `d3.format`. The resulting message is inserted into the DOM via `textContent` within a React-agnostic HTML page, using D3 v5.

Ffjvoris

88% match

Loading thumbnail…

Summarizing Coronavirus Data

This visualization displays the total number of COVID-19 deaths worldwide as a single large red figure, along with the date of the latest data column. It loads the Johns Hopkins Coronavirus time-series dataset via `d3.csv`, maps the final column’s values to numbers, and reduces them with a sum accumulator. The result is formatted using `d3.format` and inserted into the DOM via `textContent`.

CCurran Kelleher

87% match

Loading thumbnail…

Summarising Coronavirus Data

This example summarizes the global death toll from the Johns Hopkins Coronavirus dataset. It displays a single large text element showing the total number of deaths and the date of the latest data column. The visualization loads the CSV with `d3.csv`, extracts the final column, and sums its numeric values using `Array.reduce`. It formats the result with `d3.format` and updates the page’s `pre` element via `getElementById`.

Vvmonney

87% match

Loading thumbnail…

49) Coronavirus Data Part II

This example displays the total number of COVID-19 deaths worldwide as of the most recent date in the dataset, rendered as a single large text element on a red-tinted background. It loads death counts from a Johns Hopkins University time-series CSV file via `d3.csv`, sums the latest column’s values using `Array.reduce`, and formats the result with `d3.format`. The page updates the text content of an HTML `<pre>` element to show the comma-separated total and the corresponding date.

Llefat92

87% match

Loading thumbnail…

Summarizing Coronavirus Data

This example summarizes the Johns Hopkins Coronavirus Dataset, displaying the total global death count and the latest recorded date in a large text format. It loads the time-series CSV, extracts the final column of data, and sums all values using JavaScript's `reduce` method. The `d3.csv` function parses the data, while the `d3.format` API formats the number with commas. The resulting message is rendered inside a `<pre>` element, providing a stark numerical overview of the pandemic's impact.

OOleg Zhernovoy

87% match

Loading thumbnail…

Sumarizing Coronavirus Data

This visualization summarizes the global death toll from the Johns Hopkins Coronavirus Dataset. It displays a single large red number for the total deaths, followed by the latest recorded date, in a plain text format. The code loads the CSV data with d3.csv, extracts the last date column, and sums all values using array reduce. It then formats the result with d3.format and writes it to a pre element in the HTML.

RRMartins11

87% match