Loading and Parsing Coronavirus Data

100%

Loading and Parsing Coronavirus Data

✓ Published0🌍 Public

Last edited Dec 8, 2021

Created on Dec 8, 2021

Forked from Loading and Parsing CSV 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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading and Parsing Corona virus Data

This example displays the total global COVID-19 deaths as a large red number, along with the date of the latest data point. It loads a time-series CSV from the CSSE at Johns Hopkins using `d3.csv`, then parses the last column as the most recent date. The code sums all country values for that date using JavaScript’s `reduce`, formats the total with `d3.format`, and updates the page text via the DOM. The visualization is minimal, focusing solely on the computed aggregate without any charts or maps.

AAnkit-Ian-53787

91% match

Loading thumbnail…

Loading and Parsing COVID data

This example displays the total number of COVID-19 deaths worldwide as a large text readout, along with the most recent date of the data. It loads a CSV file from the CSSE GitHub repository using d3.csv, extracts the latest date column, and sums all values with a reduce function. The formatted total uses d3.format to add comma separators, and the result is injected into an HTML pre element via the DOM. The visualization relies on D3 v5’s data loading and formatting APIs.

DDannyLord

90% match

Loading thumbnail…

Loading and Parsing Coronavirus Data

This example displays the total number of COVID-19 deaths worldwide as a large text message, using a comma-formatted number and the most recent date from the dataset. It loads a time-series CSV file from the CSSE at Johns Hopkins, parsing it with `d3.csv` and summarizing the latest column with a `reduce` function. The code uses D3 v6’s `format` for number localization and React to update the message container via `getElementById`. The visualization renders as plain SVG-free text, highlighting the data-loading and parsing workflow rather than a chart.

AAndres de la Garza

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

88% match

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

88% match

Loading thumbnail…

Loading and Parsing Coronavirus Data

This example demonstrates the initial step of loading and parsing a global coronavirus death time-series dataset from the Johns Hopkins CSSE GitHub repository. The page prominently displays the raw CSV data in a large, readable font within a `<pre>` element, though the code itself only retrieves the data and identifies the latest date column from the dataset. The visualization uses `d3.csv` to fetch and parse the remote CSV file, with the D3 library version 7 loaded from a CDN. The code explicitly references the final column containing the most recent date's death counts.

BBen Brophy

88% match

Loading thumbnail…

Loading and Parsing Coronavirus Data

This example demonstrates loading a global COVID-19 death time-series dataset using D3 v5. It fetches a CSV file from the Johns Hopkins CSSE GitHub repository and parses it with `d3.csv`. The visualization displays a large-text summary showing the data’s size in kilobytes, the number of rows, and the number of columns, computed via `d3.csvFormat` and the parsed array’s properties. It relies on the native `fetch` API and a promise handler, with commented alternatives using `async`/`await` and nested callbacks.

Wwindwaver

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