Skip to main content
SimilarExport ZIP
100%

49) Coronavirus Data Part II

✓ Published0🌍 Public
Llefat92
Last edited Aug 23, 2023
Created on Aug 23, 2023

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.

AI-generated description

A program that loads and parses some Coronavirus data and renders visualizations.

MIT Licensed

Similar vizzes

Loading thumbnail…

Summarizing Coronavirus Data

This example displays the total global deaths from COVID-19 as a large red number in a `<pre>` element, updated to the most recent date in the dataset. It loads a CSV from the Johns Hopkins CSSE GitHub repository using `d3.csv`, extracts the last date column, sums all numeric values with `Array.reduce`, and formats the result with `d3.format`. The final message combines the comma-formatted total and the date, then injects it into the page via `textContent`.

MMichael Bruno
87% match
Loading thumbnail…

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

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.

MMinwoo Pak
87% 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
87% match
Loading thumbnail…

Loading and Parsing Coronavirus Data

This example shows the total number of global COVID-19 deaths from a live CSV dataset, displayed as a large red number in a web page. It loads the data with `d3.csv` and identifies the latest date column from the dataset’s headers, then sums the death counts from all countries using `Array.reduce`. The result is formatted with `d3.format` and inserted into the page via `document.getElementById`. The data source is the CSSE COVID-19 time series from Johns Hopkins University.

KKevin McMorrow
87% 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
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
86% match
Loading thumbnail…

Summarising coronavirus data

This visualization summarizes COVID-19 death data from the John Hopkins coronavirus dataset by displaying the total number of deaths and the latest date as large red text. It loads a CSV file with `d3.csv`, extracts the last date column, and sums all death values using `Array.reduce`. The result is formatted with `d3.format` and injected into an HTML `<pre>` element via `textContent`, updating the page with a single, stark numeric summary.

Ccynichole
86% 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
86% match