Skip to main content
SimilarExport ZIP
100%

Fork of Loading and Parsing COVID data

✓ Published0🌍 Public
CCatalina Vajiac
Last edited Mar 3, 2022
Created on Mar 3, 2022

This visualization displays the total number of COVID-19 deaths in the United States, aggregated from the latest date in a time-series dataset supplied by the CSSE at Johns Hopkins University. It shows a single large text value that updates dynamically based on the data. The code uses the D3 library (d3.csv) to fetch and parse the CSV file, then applies a reduce function with a sum accumulator to calculate the total. A comma formatter from d3.format displays the result within a pre element.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

Fork of Fork of Loading and Parsing CORONAVIRUS

This example displays a text summary of COVID-19 global death data parsed from a CSV file hosted by the CSSE at Johns Hopkins. It uses `d3.csv` to fetch and parse the time-series data, then computes the total deaths from the latest date column using JavaScript’s `reduce`. The displayed message includes file size, row and column counts, the final date, and the formatted death total via `d3.format`. The results are rendered inside a styled `<pre>` element, with the code running in a React-based build using D3 v5.

Jjesramyep1263
86% 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
85% match
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
84% 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
84% match
Loading thumbnail…

US Coronavirus Data

This visualization displays the total number of COVID-19 deaths in the United States as a single large numeric figure, formatted with commas and updated to the latest date present in the dataset. It loads the Johns Hopkins CSSE time-series data via `d3.csv`, extracts the most recent column, and sums all state-level death counts using a `reduce` operation. The result is rendered through D3’s `format` function into a large red text element, with a comment showing an unused filter for California data. The code relies on D3 v6 and standard JavaScript array methods.

AAnthony Ynami
84% match
Loading thumbnail…

Fork of Loading and Parsing Coronavirus Data with D3 Axes

This visualization displays the cumulative global COVID-19 death toll over time, using a line chart that spans the entire dataset from the Johns Hopkins Coronavirus time series. The chart includes horizontal and vertical marker lines highlighting the milestone of 20,000,000 deaths and the current date. Built with React and D3 v6, the code uses `scaleTime`, `scaleLinear`, and `line` generators to plot the data, while `XAxis` and marker components render SVG axes and annotations. The data is loaded and parsed with D3’s `csv` and `timeParse` functions.

JJenny
83% 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
82% match