Skip to main content
SimilarExport ZIP
100%

COVID-19 Dataset

✓ Published0🌍 Public
JJack Hanlon
Last edited Sep 12, 2024
Created on Sep 3, 2024

This example displays the first row of the COVID-19 worldwide dataset as a formatted JSON object in a large monospaced font. It uses the `index.js` module to import CSV data, coerce numeric fields, and render the raw statistics for a single country. The visualization relies on a simple HTML `<pre>` element updated via template literals, with no charting library involved.

AI-generated description

The COVID-19 Cases and Deaths by Country Dataset, loaded and parsed as CSV.

Shares the country and it's individual statistics on cases, deaths, infecteed who recovered, active cases at the time of creation, total tests administered, and the population all at the time of creation

Tasks for the dataset:

  1. Identify the correlation between number of total tests and the total cases
  2. See if there is a major correlation between population and cases or if testing plays a larger role in cases
  3. View the full distribution of total cases by country
  4. Identify the countries with the highest ratio of cases to population
  5. Itentify if higher number of tests correlated with higher number of recovered patients
MIT Licensed

Similar vizzes

Loading thumbnail…

CSV Dataset - COVID - Alexander Bell

This example displays the first entry of a COVID-19 dataset as a formatted JSON object in a large monospace font. The dataset, loaded from a CSV file, contains country-level statistics including confirmed cases, recoveries, critical cases, and deaths. The code parses the CSV, converts numeric fields to numbers, and uses template literals to render the JSON string within a `<pre>` element. It demonstrates a minimal approach to inspecting structured data without additional visualization libraries.

Aabell@wpi.edu
82% match
Loading thumbnail…

Covid Cases and Deaths WorldWide

This example displays the first row of a COVID-19 dataset as a JSON object, showing total cases, deaths, recoveries, active cases, tests, and population for a single country. It imports the data from a CSV file and parses the numeric fields by removing commas. The code uses the native `JSON.stringify` method to format the data and displays it within an HTML `<pre>` element, with the font size controlled by a JavaScript variable. The dataset originates from a Kaggle source on worldwide COVID-19 cases and deaths.

Wwkj0713@gmail.com
79% match
Loading thumbnail…

covid19-data

This example displays the raw COVID-19 dataset as a formatted JSON preview, loading the CSV file via `fetch` and parsing it with `d3.csvParse`. The visualization shows the first rows of data, including date, region, confirmed cases, deaths, and recoveries, placing each field on a separate line for inspection. The code uses `d3.select` to manage a container element and `d3.selectAll` with a `join` operation to update the displayed content whenever the state changes, initially setting the data to a `'LOADING'` placeholder before fetching the file.

Ccsabavath@wpi.edu
77% match
Loading thumbnail…

CSV Dataset Template - Covid

This example provides a bare-bones template for importing and parsing a COVID-19 dataset from the New York Times, which tracks daily cases and deaths by U.S. state. It shows the structure of the parsed data by rendering the first record as a JSON object in a `<pre>` element. The code loads the CSV with an import statement, converts the `cases`, `deaths`, and `fips` fields to numbers, and then displays the first data point. The visualization is minimal, focusing on data loading and parsing rather than chart rendering.

Ssjpeno@wpi.edu
77% match
Loading thumbnail…

02_Covid-19 Daily data

This example displays basic metadata about the COVID-19 daily dataset, showing the file size in kilobytes, the number of rows, and the number of columns in a large pre-formatted text block. The visualization loads a CSV file from a remote GitHub gist using `d3.csv` and formats the data with `d3.csvFormat` to compute the byte size. It uses D3 v5 and is limited to textual output, providing a quick summary of the dataset's structure rather than a graphical chart. The data covers daily COVID-19 cases and deaths per country from December 2019 to September 2020.

AAbdul Salam Almadani
74% 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
73% 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
73% 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
73% match