Skip to main content
SimilarExport ZIP
100%

CSV Dataset Template - Covid

✓ Published0🌍 Public
Ssjpeno@wpi.edu
Last edited Sep 16, 2024
Created on Sep 2, 2024

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.

AI-generated description

The Covid Dataset, loaded and parsed as CSV.

Fork and modify this template to import your data to VizHub and export it for use in other vizzes! To do that:

  • Fork this viz
  • Clear out the README
  • Update the README with details about your dataset (including original source)
  • Replace data.csv with your own data
  • Replace the parsing logic in index.js with your own
  • Set the custom URL so you can import from it easily

I want to understand the geographic distribution of covid cases I want to understand how covid cases and deaths have changed of time (time of day, time of week, time of year, year-after-year, etc.) I want to understand the distribution/relationship between cases and deaths I want to identify subsets of the data where deaths have a high value I want to identify death rates for locations

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

COVID-19 Dataset

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.

JJack Hanlon
77% 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
74% match
Loading thumbnail…

CSV Dataset - Mortality Data

This example displays the first record of the Health Synergy Hospital Mortality CSV dataset as pretty-printed JSON. It shows the parsed data types and date formatting applied to the raw input. The code imports the CSV file, converts numeric fields and reformats the date to a consistent month/day/year string. The visualization simply renders this processed single row inside an HTML `<pre>` element, using JavaScript's `Date` object for parsing.

Nnitinramagiri1@gmail.com
74% match
Loading thumbnail…

Loading and Parsing Coronavirus Data

This example demonstrates the initial step of working with the COVID-19 time-series dataset from the CSSE at Johns Hopkins University, showing the file size, row count, and column count of the data. It loads a global deaths CSV via `d3.csv` with a promise, then extracts the latest date column from the data’s headers. The computed metadata is displayed in a large `<pre>` element using plain DOM manipulation. The code uses D3 v5’s `csv` and `csvFormat` APIs, with no additional visualization or rendering beyond text output.

MMichael Bruno
73% match
Loading thumbnail…

New York State Statewide COVID-19 Fatalities by County (Archived)

This archived example displays the raw contents of a CSV file containing the classic Iris dataset, showing parsed tabular data as formatted JSON in a `<pre>` element. It demonstrates lazy-loading and state management with D3 v7, using `d3.csvParse` to convert fetched text into an array of objects, then coercing numeric columns with unary plus operators. The visualization is minimal, focusing on the data-loading pipeline rather than a graphical representation, with a state machine tracking undefined, `'LOADING'`, and loaded data states.

KKal
72% match
Loading thumbnail…

Loading and Parsing Coronavirus Data

This example demonstrates how to load and parse a global coronavirus deaths time-series dataset. It fetches CSV data from the Johns Hopkins CSSE GitHub repository using the `d3.csv` method, which returns a Promise. After loading, the program computes and displays summary statistics—the file size in kilobytes, the number of data rows, and the number of columns—within a large HTML `<pre>` element. The visualization uses D3 v5’s `csvFormat` to calculate the byte length of the formatted data, highlighting a straightforward data-processing workflow without any graphical chart.

Ffjvoris
72% match
Loading thumbnail…

02Data for Corona Virus Daily data Covid-19

This example displays basic metadata about a COVID-19 daily dataset, showing the file size, row count, and column count. The code loads the CSV file from a GitHub gist using `d3.csv`, then computes and displays these three values in an HTML pre element. The dataset, sourced from Data World, contains daily case and death figures with attributes like new cases, total cases, and weekly counts. The visualization confirms the data has been loaded and measures its dimensions using `d3.csvFormat` and array properties.

AAbdul Salam Almadani
72% match