Skip to main content
SimilarExport ZIP
100%

Summarising Coronavirus Data

✓ Published0🌍 Public
Vvmonney
Last edited Oct 12, 2022
Created on Oct 12, 2022

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`.

AI-generated description

This program loads and parses the Johns Hopkins Coronavirus dataset.

MIT Licensed

Similar vizzes

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

Sumarizing Coronavirus Data

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.

RRMartins11
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 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 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
93% match