Skip to main content
SimilarExport ZIP
100%

Danil working with Coronavirus Data

✓ Published0🌍 Public
Ssakhabutdinov
Last edited Mar 21, 2020
Created on Mar 21, 2020

A single-page visualization displays the total number of COVID-19 deaths worldwide, formatted with commas, alongside the date of the latest data column from the Johns Hopkins CSSE time-series dataset. It loads the CSV via `d3.csv`, sums the numeric values in the final date column using JavaScript’s `reduce`, and formats the result with `d3.format`. The output appears as large red text in a `<pre>` element, updated via the DOM’s `textContent`. The code relies solely on D3 v5 for data fetching and formatting, with no chart or map rendering.

AI-generated description
MIT Licensed

Similar vizzes

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

49) Coronavirus Data Part II

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.

Llefat92
80% match
Loading thumbnail…

Summarizing Coronavirus Data

A single number dominates the page: the total global COVID-19 deaths, calculated as of the most recent date in the Johns Hopkins time-series dataset. The visualization reduces the entire pandemic’s toll to one large, red statistic, formatted with commas. The code loads the CSV with `d3.csv`, sums the latest column of death counts using JavaScript’s `reduce`, and displays the result via React by setting `textContent` on a `<pre>` element. It uses d3’s `format` helper to add comma separators.

KKtuzinowski
80% match
Loading thumbnail…

Summarizing Coronavirus Data

This visualization summarizes global COVID-19 deaths by fetching the latest cumulative death count from a Johns Hopkins CSSE time-series dataset. It displays a single large red number, formatted with commas via d3.format, along with the date of the last recorded update. The example uses d3.csv to load the remote CSV, maps over rows to extract the final column’s values, and reduces them into a total, which is then written into a pre element. The entire presentation is deliberately minimal, emphasizing the raw magnitude of the data rather than a traditional chart.

BBen Brophy
80% 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
80% match
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
80% match