Summarising Coronavirus CSV Data

100%

Summarising Coronavirus CSV Data

✓ Published0🌍 Public

Last edited Nov 19, 2021

Created on Nov 19, 2021

Forked from Loading and Parsing Coronavirus CSV Data

This example fetches the John Hopkins Coronavirus time-series CSV and displays a single summary message: the total global deaths and the latest date column, formatted with commas. It uses D3 v5’s `d3.csv` to parse the remote data, then maps over rows to sum the final column’s values with a reduce operation. The result is rendered as large red text in a `<pre>` element, updating the DOM via `document.getElementById`. The code also comments alternative approaches using `fetch`, `async/await`, and `d3.csvParse`.

AI-generated description

A program that summarises the John Hopkins Coronavirus Dataset

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

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

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

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

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

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

89% match

Loading thumbnail…

Summarizing Coronavirus Data

This example displays a single, large numeric summary of global COVID-19 deaths, updating in real time from the Johns Hopkins time-series dataset. It shows the total death count and the most recent date column, formatted with commas. The code uses d3.csv to load the data, then applies the array map and reduce methods to sum the latest column’s values, and d3.format to create the comma separator. The result is inserted into a pre element via the DOM’s textContent property.

AAndre J Denais

89% match

Loading thumbnail…

Summarizing Coronavirus Data

This example summarizes global coronavirus mortality data by displaying a single large number: the total reported deaths. It retrieves a CSV file from the Johns Hopkins CSSE GitHub repository, identifies the most recent date column, and sums all values across countries and regions. The result, formatted with commas using `d3.format`, appears in a `<pre>` element styled with dark red text. The code relies on D3 v5’s `d3.csv` promise-based loader to fetch and parse the remote data asynchronously.

Wwindwaver

89% match