Skip to main content
SimilarExport ZIP
100%

Sumarizing Coronavirus Data

✓ Published0🌍 Public
RRMartins11
Last edited May 6, 2021
Created on May 6, 2021

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.

AI-generated description

This program loads and parses the Johns Hopkins Coronavirus Dataset

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

Summarizing Coronavirus Data

A plain-text visualization summarizes the global death toll from the John Hopkins Coronavirus Dataset by loading the time-series CSV with `d3.csv` and parsing the most recent date column. It calculates the total deaths using the array `reduce` method with a custom `sum` accumulator function, then formats the number with the `format` function from the d3 library. The result, displaying the death count and the latest date, is rendered as large red text inside a `<pre>` element using the DOM `textContent` property.

Ee-ines
94% match
Loading thumbnail…

Summarizing Coronavirus Data

This example summarizes the global death toll from the Johns Hopkins Coronavirus Dataset. It shows a single large red number, displaying the total confirmed deaths and the date of the latest data column. Using d3.csv to load the data, it calculates the sum by mapping over the last column and reducing the values. The result is formatted with d3.format and displayed in a pre element.

Zzhangwbhi
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…

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

Summarizing Coronavirus Data

This example uses D3.js to summarize the Johns Hopkins Coronavirus Dataset, fetching the global deaths time-series CSV and displaying the most recent total. The code loads the data with `d3.csv`, identifies the final date column, and sums all reported deaths for that date with `data.reduce`. It then formats the integer using `d3.format` and presents the result in a large red `<pre>` element. The visualization is a text-only summary, showing the cumulative death count and the corresponding date as plain text.

PPeter Krevenets
93% match