Skip to main content
SimilarExport ZIP
100%

Summarizing Coronavirus Data

✓ Published0🌍 Public
TThomas Cormican
Last edited Jan 13, 2022
Created on Jan 13, 2022

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`.

AI-generated description

This program loads and parses the Johns Hopkins Coronavirus Dataset

MIT Licensed

Similar vizzes

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
94% 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
94% 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
94% 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
93% match
Loading thumbnail…

Summarizing Corona Virus Data

This visualization summarizes the global death toll from the John Hopkins Coronavirus Dataset by displaying the total number of deaths and the latest date in large, red text. It parses the CSV data using d3.csv, then calculates the sum of the final column’s values with Array.reduce. The result is formatted with the d3.format function and rendered into the page’s HTML via document.getElementById, providing a stark, numeric summary without any charts or graphics.

SShanmukh
92% match
Loading thumbnail…

Summarising Coronavirus Data

This visualization summarizes global COVID-19 mortality by displaying a single, large number in red text. It shows the cumulative death total from the latest date in the Johns Hopkins dataset, along with the corresponding date. The program loads the comma-separated time-series data via `d3.csv`, identifies the final column as the most recent date, sums all values using `reduce`, and formats the result with `d3.format` before inserting the text into an HTML `pre` element.

AAndrea Picciau
92% match
Loading thumbnail…

Summaries CoronaVirus Data

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.

AAmir
92% match
Loading thumbnail…

Summarizing Coronavirus Data

This visualization summarizes the global death toll from the COVID-19 pandemic, displaying a text message that reports the total number of deaths and the most recent date in the dataset. The code uses React with hooks to fetch and manage data, and D3 v7’s `csv` and `format` functions to load and parse the Johns Hopkins Coronavirus Dataset. It calculates the sum of the latest column of death counts across all countries and formats the result with comma separators. The display updates from a loading state to the final summary once the data arrives.

AAlex Stulov
92% match