Loading and Parsing eu_vaccinations.csv

100%

Loading and Parsing eu_vaccinations.csv

✓ Published1🌍 Public

Last edited Sep 28, 2021

Created on Sep 7, 2021

Forked from Loading and Parsing CSV Data

This example loads a CSV of European COVID-19 vaccination data and displays a simple summary of its file size, row count, and column count. The page uses `d3.csv` to fetch and parse the remote file from a GitHub Gist, then formats the result with `d3.csvFormat` and updates the text of a `pre` element. The data source is the ECDC’s public vaccination dataset, and the visualization prioritizes demonstrating data loading and parsing rather than graphical output.

AI-generated description

A program that loads and parses some [CSV].

Authored by: Daniel Ribaudo

The data comes from this Gist: EU Vaccinations

Rehash of Gist README.md:

This dataset was taken from: European Vaccinations

This dataset summarizes COVID-19 Vaccine doses recieved in Europe in 2021.

Attributes:

YearWeekISO: The week that the instance took place over. This is good to visualize over time.
FirstDose: An occurance of a person recieving the first dose.
FirstDoseRefused: An occurance of a person refusing to recieve the first dose.
SecondDose: An occurance of a person recieving the second dose.
UnknownDose: A dose recieved that fits in none of the previous dose categories.
NumberDosesRecieved: Total doses recieved.
Population: The population of the country. This can be used to scale or weight other numbers.
ReportingCountry: The country that reported the instance. This can be placed on a map and colored relative to other locations.
TargetGroup: This is the age range of the group receiving a vaccine. I find this particularly interesting because it will allow questions to be asked about discrepencies between age groups, including time vaccinated and total vaccinated.
Vaccine: The type of vaccine recieved. This is also very interesting, as perhaps this will be informed by public opinion or distribution availability.

Removed Attributes:

Denominator: The meaning of this attribute was unclear, but more importantly, missing for many of the instances.

Tasks and Questions:

In which time period did the most people get vaccinated?
When was the most popular vaccination for young adults vs older adults?
How did public opinion and/or vaccine distribution shift for each of the vaccine types through time?

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example displays the size and structure of a COVID-19 World Vaccination Progress CSV dataset by rendering the file size in kilobytes, row count, and column count in large text. It uses the D3.js library’s `d3.csv` method to fetch and parse the remote CSV file, then accesses the resulting parsed data’s `columns` property to determine the number of columns. The visualization demonstrates a straightforward data-loading workflow, showing the parsed dataset’s basic metadata rather than plotting the actual values. The code also includes commented-out alternatives using `fetch`, `async`/`await`, and `d3.csvParse`.

GGerasimos Katsagannis

83% match

Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example displays summary statistics from a remote CSV file containing COVID-19 vaccination data. The page shows the file size in kilobytes, the number of rows, and the number of columns, rendered in large text within a `<pre>` element. It uses d3.csv to fetch and parse the data from the provided URL, then formats the results with d3.csvFormat. The code also includes commented-out alternatives using the Fetch API with async/await and d3.csvParse, as well as a nested promise “pyramid of doom” pattern.

AAnna Absi

83% match

Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example demonstrates loading and parsing a CSV dataset of COVID-19 vaccination trends in the US, displaying a summary of the data‘s size, row count, and column count. The visualization uses d3.csv to fetch and parse the data from a GitHub Gist, then formats the statistics with d3.csvFormat. The code also includes commented-out alternatives using the Fetch API with async/await and d3.csvParse, illustrating different approaches to asynchronous data loading in D3 v5.

Ccshm407

83% match

Loading thumbnail…

Loading and Parsing CSV Data with D3.js

This example demonstrates how to load and parse CSV data using D3.js, displaying the file size, row count, and column count of a COVID-19 dataset for 2021. The page renders an SVG image of a virus alongside the data summary. The code uses `d3.csv` to fetch the remote CSV file and `d3.csvFormat` to calculate the formatted data size. The result is displayed in an HTML `<pre>` element via the DOM API, with styling handled by the included CSS.

KKande2011

82% match

Loading thumbnail…

Loading COVID-19 Vaccine CSV Data

This example demonstrates how to load and parse a CSV dataset of US state-level COVID-19 vaccination records, covering daily updates from April through September 2021. It displays the file size in kilobytes, row count, and column count. The code uses D3 v5’s `d3.csv` method to fetch and parse the data, then accesses `data.length` and `data.columns` to summarize the dataset. Alternative approaches using `fetch`, `async/await`, and `d3.csvParse` are also shown in commented-out sections.

PPeter VanNostrand

82% match

Loading thumbnail…

Loading and Parsing the CDC Dataset

This example displays a text summary of a CDC health dataset’s size and structure, showing the file’s kilobyte count, row count, and column count in large type. After loading the CSV from a GitHub gist via `d3.csv`, it uses `d3.csvFormat` on the resulting parsed data to calculate its byte length, then writes the formatted message into a `<pre>` element using standard DOM manipulation. The code relies on D3 v7’s promise-based CSV loading and formatting APIs.

RRidhima Saxena

79% match

Loading thumbnail…

Loading data

This example demonstrates how to load and parse a remote CSV file using D3’s `d3.csv` method, reporting the dataset’s size in the browser. The page displays three lines of text: the number of columns, the number of rows, and the file size in kilobytes, computed via `d3.csvFormat` and `Math.round`. Data is fetched asynchronously from a GitHub Gist URL, and the results are rendered into a `<pre>` element using DOM manipulation. The minimal styling uses large CSS font sizes to emphasize the metadata.

Ccaineosborne

78% match

Loading thumbnail…

Loading and parsing CSV data

This example demonstrates how to load and parse a remote CSV file using D3.js, then displays a summary of the dataset in a large text format. It fetches the data from a GitHub gist URL via the `d3.csv` method, which returns a promise. Once resolved, the code calculates the number of rows, columns, and the approximate file size in kilobytes using `d3.csvFormat`. The results are rendered into an HTML `<pre>` element, showcasing basic data inspection and asynchronous loading patterns in D3 v6.

Ggatperdut

78% match