100%

Global Covid Deaths - Basic Summary of Deaths

✓ Published1🌍 Public

Last edited Apr 2, 2021

Created on Apr 2, 2021

Forked from Loading and Parsing CSV Data

This example shows the total number of global COVID-19 deaths as of the latest date in the dataset, displayed as large text in a `<pre>` element. It loads the Johns Hopkins CSSE time-series CSV, reads the final date column, sums all numeric values with `Array.reduce`, and formats the result with `d3.format`. The visualization relies on `d3.csv` for data loading and updates the page text via the DOM.

AI-generated description

Part One of a Series of Data Viz on Global Covid-19 Deaths

Basic Summary Of Deaths

MIT Licensed

Similar vizzes

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

87% match

Loading thumbnail…

Coronavirus Global Death Data

This example displays the global death toll from the COVID-19 pandemic, summing the latest date column from the Johns Hopkins University time-series dataset. A large, plain-text message presents the total number of deaths and the corresponding date. The program uses the `d3.csv` function to fetch and parse the remote CSV file, then applies JavaScript’s `reduce` method to aggregate the numeric values from the final column. The result is formatted with `d3.format` and rendered into an HTML `<pre>` element.

Jjulesgentry

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

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

86% match

Loading thumbnail…

Summarizing Coronavirus Data

This example displays the total global COVID-19 deaths as a large, prominently styled number, along with the date of the latest data column. It loads a time series CSV from the Johns Hopkins CSSE repository using `d3.csv` and a Promise, then parses the last column’s values. The sum is computed with `Array.reduce` and formatted with `d3.format`. The resulting message is inserted into the DOM via `textContent` within a React-agnostic HTML page, using D3 v5.

Ffjvoris

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

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

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

85% match