Summaries CoronaVirus Data

100%

Summaries CoronaVirus Data

✓ Published1🌍 Public

Last edited Mar 21, 2021

Created on Mar 20, 2021

This visualization displays the global total of COVID-19 deaths from the Johns Hopkins University CSSE dataset, showing a single number with a comma-formatted value and the last recorded date. The code loads a CSV time series via `d3.csv`, extracts the final column as the latest date, sums all country values using JavaScript’s `reduce`, and formats the total with `d3.format`. The result is displayed as text in a pre element via the DOM API.

AI-generated description

JHU CSSE COVID-19 Dataset Johns Hopkins University data sheet

MIT Licensed

Similar vizzes

Loading thumbnail…

Summarizing Coronavirus Data

This visualization summarizes global COVID-19 deaths by displaying a single large number computed from the Johns Hopkins Coronavirus Dataset. It shows the total death count and the latest date column from the dataset. The code uses D3 v7’s `d3.csv` to load the data, then applies array methods like `map` and `reduce` to sum all values. It formats the result with D3’s `format` function before inserting the message into the page via `document.getElementById`.

TThomas Cormican

92% 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

91% match

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

91% 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

91% 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

91% 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

91% match

Loading thumbnail…

Summarizing Coronavirus Data

This visualization summarizes global COVID-19 deaths by fetching the latest cumulative death count from a Johns Hopkins CSSE time-series dataset. It displays a single large red number, formatted with commas via d3.format, along with the date of the last recorded update. The example uses d3.csv to load the remote CSV, maps over rows to extract the final column’s values, and reduces them into a total, which is then written into a pre element. The entire presentation is deliberately minimal, emphasizing the raw magnitude of the data rather than a traditional chart.

BBen Brophy

91% 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

90% match