Skip to main content
SimilarExport ZIP
100%

Loading and parsing Coronavirus data - with D3

✓ Published1🌍 Public
PPeter Krevenets
Last edited Mar 31, 2021
Created on Mar 4, 2021

This example demonstrates how to load and parse the Johns Hopkins Coronavirus dataset using D3’s `d3.csv` method. It displays a summary of the fetched data in a large `<pre>` element, showing the file size in kilobytes, the total column count, and the number of data rows. The code retrieves the data from a raw GitHub URL, and uses `d3.csvFormat` to calculate the file size and `data.columns` to determine the column count. It uses D3 v6 (via `d3.min.js`) and runs entirely in the browser through a bundled script.

AI-generated description

Loads and parses Johns Hopkins Coronavirus Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading and Parsing Coronavirus Data

This example demonstrates how to load and parse the Johns Hopkins Coronavirus Dataset using D3 v6. The visualization displays three key statistics about the CSV file: its size in kilobytes, the number of rows, and the number of columns. The code uses `d3.csv` to asynchronously fetch the data from a GitHub URL, then leverages `d3.csvFormat` to calculate file size and accesses `data.columns` and `data.length` for column and row counts. Results are rendered as text in an HTML `<pre>` element using standard DOM methods.

WWolfgang
92% match
Loading thumbnail…

Loading and Parsing Coronavirus Data

This example demonstrates how to load and parse the Johns Hopkins Coronavirus dataset by displaying basic statistics about the fetched CSV file, including its size in kilobytes, row count, and column count. It uses D3 v6’s `d3.csv` method to fetch the remote dataset from a GitHub raw URL, then accesses `data.columns` and the `d3.csvFormat` function to calculate and present the summary information. The interface is a minimal HTML page with a large-text `pre` element that updates dynamically once the data has been successfully parsed.

AAnthony Ynami
92% match
Loading thumbnail…

Loading and Parsing Coronavirus Data

This example demonstrates the initial steps of working with the Johns Hopkins Coronavirus dataset by loading a CSV file and displaying basic statistics about it. It fetches the data using `d3.csv` from a pinned GitHub URL, then calculates and shows the file size in kilobytes, the number of rows, and the number of columns in a large HTML `<pre>` element. The code uses `d3.csvFormat` to measure the data length and accesses `data.columns` to determine the column count, presenting a raw summary of the dataset’s structure.

CCurran Kelleher
92% 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
90% match
Loading thumbnail…

Loading and Parsing Coronavirus Data

This example demonstrates the raw size and structure of the Johns Hopkins Coronavirus Dataset by displaying three key metrics: file size in kilobytes, row count, and column count. It loads the global deaths time-series CSV and parses it using `d3.csv`, then reports the number of columns from the dataset’s header. The code computes the file size from `d3.csvFormat(data).length` and renders the results as large text in a `<pre>` element via `textContent`. It uses D3 v5’s promise-based loading API.

AAndrea Picciau
90% match
Loading thumbnail…

Loading and Parsing Coronavirus Data

This example loads the Johns Hopkins Coronavirus global deaths time-series dataset and displays basic file statistics: the approximate size in kilobytes, the number of rows, and the number of columns. It retrieves the CSV from a GitHub raw URL using `d3.csv` and the Promise-based `.then` method, then formats the data with `d3.csvFormat` to compute its length. The resulting message is rendered into a large `<pre>` element using standard DOM selection. The code demonstrates parsing and summarizing a tabular dataset with D3 v5.

PPorawoot Buranadilok
90% match
Loading thumbnail…

Loading and Parsing Coronavirus Data

This example demonstrates how to load and parse the John Hopkins Coronavirus dataset. It uses the `d3.csv` API to fetch the CSV file, then calculates and displays the dataset's size in kilobytes, row count, and column count. The final message is rendered in a large `pre` element. The code also includes commented-out alternatives using `fetch` with async/await and nested promises, but the active implementation relies on D3's built-in parsing.

Ee-ines
89% match
Loading thumbnail…

Loading and Parsing Coronavirus Data

This example displays the size and structure of the Johns Hopkins Coronavirus time-series dataset as large text. It uses D3 v5’s `d3.csv` to load the global COVID-19 deaths CSV and `d3.csvFormat` to measure the file size in kilobytes. The code then counts the number of rows and columns and updates the page’s `<pre>` element with these three statistics.

RRMartins11
89% match