CoronaViru Data

100%

CoronaViru Data

✓ Published1🌍 Public

Last edited Mar 20, 2021

Created on Mar 19, 2021

This example displays basic metadata about the Johns Hopkins University COVID-19 deaths time series dataset, showing the file size, row count, and column count as text. It fetches the global deaths CSV from GitHub using `d3.csv`, then reads the last column name to confirm the latest date, and formats the data with `d3.csvFormat` to estimate file size. The visualization is minimal, presenting only these three numeric facts in a large font, with no charts or graphs. The code relies on D3 v6’s `d3.csv` and `d3.csvFormat` methods to load and analyze the remote dataset.

AI-generated description

JHU CSSE COVID-19 Dataset Johns Hopkins University data sheet

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading and Parsing Corona Virus Data

This example displays basic statistics about a COVID-19 deaths time-series dataset. The visualization reports the file size in kilobytes, the number of data rows, and the number of data columns in large text. It loads the global death records from the CSSE at Johns Hopkins repository using the `d3.csv` method to fetch and parse the remote CSV file. The code then uses `d3.csvFormat` to measure the payload size and accesses the resulting data array and its `columns` property.

RRasike Abeyratne

87% match

Loading thumbnail…

Corona Deaths for May 14, 2021

This visualization displays basic statistics about the global COVID-19 death dataset from Johns Hopkins University, showing the file size, row count, and column count for the data as of May 14, 2021. Using D3 v5, the program loads the CSV file via `d3.csv` and accesses the parsed data's `.columns` property to determine the number of columns. The code formats the file size using `d3.csvFormat` and calculates the byte length, then displays the three metrics in a large `<pre>` element. This example demonstrates a minimal data-loading and summary-display pattern rather than a graphical chart.

Nnexus1058

85% match

Loading thumbnail…

Loading and Parsing Coronavirus Data

This visualization demonstrates how to load and parse the Johns Hopkins Coronavirus Dataset, displaying basic file statistics in a large preformatted text element. It fetches the global deaths time series CSV via `d3.csv`, then computes the data size in kilobytes using `d3.csvFormat`, and counts the rows and columns from the parsed array and its `data.columns` property. The final message shows the latest date column, total file size, row count, and column count, all rendered into the DOM via `textContent`. The example highlights D3’s Promise-based data loading and inspection of CSV metadata.

KK3zter

84% match

Loading thumbnail…

Loading and Parsing Corona Virus Data

This example demonstrates the basic process of loading and parsing the Johns Hopkins Coronavirus dataset using D3.js. It fetches a CSV file containing global COVID-19 death statistics and reports the number of rows, columns, and file size in kilobytes. The visualization uses `d3.csv` to asynchronously retrieve and parse the remote data, then displays the summary information as large HTML text via `document.getElementById` and `textContent`. The output provides a quick overview of the data’s structure without any graphical charting.

SShanmukh

84% match

Loading thumbnail…

Fork of Loading and Parsing Coronavrius Data

This example demonstrates the size and structure of a COVID-19 global deaths dataset by displaying three metrics in a large text readout: file size in kilobytes, row count, and column count. It loads the Johns Hopkins University time-series CSV directly from GitHub using `d3.csv`, then calculates the formatted data’s byte length with `d3.csvFormat`. The results are written into a DOM element via `textContent`, showing how many rows and columns the dataset contains without any visual chart or rendering.

Jj-PGi

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

84% match

Loading thumbnail…

Corona Virus

This visualization reports basic statistics on a global COVID-19 deaths dataset, displaying file size, row count, and column count as plain text. Using React with hooks, the code fetches the CSV from the Johns Hopkins CSSE GitHub repository via `d3.csv`, then formats the parsed data with `d3.csvFormat` to calculate its size in kilobytes. The view updates after the asynchronous data load, showing a loading message until the fetch completes. It relies on D3 v6 for data parsing and formatting within a React 17 component tree.

CCarlos Caballero

84% match

Loading thumbnail…

Loading and Parsing Coronavirus Data

This example demonstrates how to load and parse the Johns Hopkins Coronavirus global death time-series dataset using D3 v6 via the `d3.csv` method. It displays file size in kilobytes, row count, and column count as large text in a `<pre>` element. The code fetches the CSV from GitHub, formats it with `d3.csvFormat` to calculate data length, and reads columns from the parsed result. No chart is rendered; the visualization is purely textual summary metrics.

LLaura Johnson

84% match