Skip to main content
SimilarExport ZIP
100%

Summarizing Coronavirus Data

✓ Published0🌍 Public
MMichael Bergerson
Last edited Feb 11, 2021
Created on Feb 11, 2021

This example displays the current global death toll from the COVID-19 pandemic as a large, plain-text message. It uses `d3.csv` to fetch the Johns Hopkins University time-series dataset from GitHub, extracts the last date column, and sums all reported deaths with a `reduce` operation. The final count and date are formatted using `d3.format` and written directly into the page’s DOM via `textContent`. The visualization is intentionally minimal, offering a stark numeric summary without charts or graphics.

AI-generated description
MIT Licensed

Similar vizzes

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

Summarizing Coronavirus Data

This example summarizes the global COVID-19 death toll from the Johns Hopkins Coronavirus Dataset. It loads the CSV file with `d3.csv`, extracts the last date column, sums all reported deaths using `Array.reduce`, and formats the total with `d3.format`. The resulting number and date are displayed as large text in a `<pre>` element, offering a concise numeric snapshot of cumulative deaths.

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

Summarizing Coronovarious Data

The visualization presents the global death toll from COVID-19 as a single large text message, displaying a comma-formatted cumulative death count alongside the latest date from the dataset. It loads time-series death data from the Johns Hopkins University CSSE GitHub repository and uses d3.csv to parse it, then d3’s `format` function to format the total. The page renders the result in a simple HTML `<pre>` element, updating its text content via JavaScript without any charts or graphical encoding.

NNikita Toropov
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 summarizes the global death toll from the John Hopkins Coronavirus Dataset by displaying a single large number and the latest date in the data. It loads the CSV time-series file, maps the final date column to numeric values, and reduces them with a sum accumulator. The result is formatted with d3.format and rendered into a `<pre>` element. The visualization uses D3 v5’s `d3.csv` for parsing and the `format` function from the d3 library for comma-separated output.

PPorawoot Buranadilok
91% match
Loading thumbnail…

Summarizing Coronavirus Data

This visualization displays a single, stark number: the global death toll from COVID-19. It fetches the Johns Hopkins time series dataset from GitHub, extracts the values from the most recent date column, and sums them. The result is formatted with commas using D3’s `format` function and displayed in large red text on a white background. The page body is hidden from overflow, creating a minimalist, text-only interface.

AAnthony Ynami
91% match