Skip to main content
SimilarExport ZIP
100%

Transforming World Vaccination Data

✓ Published1🌍 Public
SSeekerzero
Last edited Jan 31, 2023
Created on Jan 30, 2023

This example transforms World Health Organization COVID-19 vaccination data from a CSV file into a structured summary of vaccine types used per country. It loads the dataset via a fetch request, parses the comma-separated values with `d3.csvParse`, and converts numeric string fields into numbers. The visualization then groups records by country using `d3.flatGroup`, extracts vaccine names from each entry’s `VACCINES_USED` field, and counts distinct vaccines per nation. The resulting aggregated list—showing country, vaccine names, and totals—is rendered as a formatted JSON string inside a `<pre>` element, offering a concise textual overview of global vaccination strategies from the WHO data source.

AI-generated description

https://covid19.who.int/data https://covid19.who.int/who-data/vaccination-data.csv

World Vaccination Data from WHO

Field name Type Description
COUNTRY String Country, territory, area
ISO3 String ISO Alpha-3 country code
WHO_REGION String WHO regional offices: WHO Member States are grouped into six WHO regions: Regional Office for Africa (AFRO), Regional Office for the Americas (AMRO), Regional Office for South-East Asia (SEARO), Regional Office for Europe (EURO), Regional Office for the Eastern Mediterranean (EMRO), and Regional Office for the Western Pacific (WPRO).
DATA_SOURCE String Indicates data source: - REPORTING: Data reported by Member States, or sourced from official reports - OWID: Data sourced from Our World in Data: https://ourworldindata.org/covid-vaccinations
DATE_UPDATED Date Date of last update TOTAL_VACCINATIONS Integer Cumulative total vaccine doses administered
PERSONS_VACCINATED_1PLUS_DOSE Decimal Cumulative number of persons vaccinated with at least one dose
TOTAL_VACCINATIONS_PER100 Integer Cumulative total vaccine doses administered per 100 population
PERSONS_VACCINATED_1PLUS_DOSE_PER100 Decimal Cumulative persons vaccinated with at least one dose per 100 population
PERSONS_FULLY_VACCINATED Integer Cumulative number of persons fully vaccinated
PERSONS_FULLY_VACCINATED_PER100 Decimal Cumulative number of persons fully vaccinated per 100 population
VACCINES_USED String Combined short name of vaccine: “Company - Product name” (see below)
FIRST_VACCINE_DATE Date Date of first vaccinations. Equivalent to start/launch date of the first vaccine administered in a country.
NUMBER_VACCINES_TYPES_USED Integer Number of vaccine types used per country, territory, area
PERSONS_BOOSTER_ADD_DOSE Integer Persons received booster or additional dose
PERSONS_BOOSTER_ADD_DOSE_PER100 Decimal Persons received booster or additional dose per 100 population

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading World Vaccination Data

This example demonstrates the initial stage of loading and parsing World Health Organization COVID-19 vaccination data from a CSV file. It displays the raw parsed data as a JSON-formatted string within a `<pre>` element, showing the dataset's structure and fields. The page uses a state-management pattern where the data transitions from `undefined` to `'LOADING'` and finally to an array of parsed objects. The code relies on D3 v7's `select` and `csvParse` functions, fetching the CSV from a GitHub Gist and converting numeric string fields into JavaScript numbers, with special handling to set zero-value booster dose fields to `null`.

SSeekerzero
83% match
Loading thumbnail…

Bar Chart Of World Vaccination Data

This bar chart displays COVID-19 vaccination data from the World Health Organization, showing the number of vaccine doses administered across countries. The visualization summarizes cumulative vaccination totals, per-capita rates, and the number of vaccine types used per country. It loads data from a CSV file using `d3.csvParse`, converts numeric fields, and groups records by country with `d3.flatGroup`. The chart renders a textual summary of the grouped data using D3’s `select` and `join` methods, displaying the results as structured output rather than graphical bars.

SSeekerzero
82% match
Loading thumbnail…

Loading and Parsing eu_vaccinations.csv

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.

DDaniel Ribaudo
76% match
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
76% match
Loading thumbnail…

Data visualizations

This visualization uses D3 v5 to display cumulative COVID-19 vaccination totals over time for multiple countries, with each country represented by a distinct colored line. The line chart employs a time-based x-axis and a linear y-axis scaled to billions of vaccinations. The code uses `d3.csv`, `scaleTime`, `scaleLinear`, `scaleOrdinal`, `nest`, and `line` with `curveBasis` to render the SVG paths, while a custom color legend function shows the country categories. Data comes from a GitHub-hosted CSV of vaccination records.

GGerasimos Katsagannis
76% match
Loading thumbnail…

Load Covid Vaccination Data

This interactive visualization shows global COVID-19 vaccination data on a choropleth world map, with a toggleable bar chart displaying the top 10 countries by a selected metric. Users can hover over countries to see their vaccination rates. The visualization uses d3.geoPath for map rendering, d3.scaleQuantile with a YlGnBu color scheme, and d3.scaleBand for the bar chart. Data comes from the WHO vaccination dataset, loaded via fetch and parsed with d3.csvParse.

SSeekerzero
75% match
Loading thumbnail…

vaccination dataviz Apr 13th d3_v4

This interactive D3.js visualization maps global COVID-19 vaccination totals onto a rotatable globe using `d3.geo.projection` and `d3.geo.zoom`. Country landmasses are colored by vaccination counts, with a color legend and hover tooltips via `d3.tip` providing details. The interface includes menu buttons and a select dropdown for additional control. The visualization relies on TopoJSON geographic data, rendered as SVG with graticules and striped patterns for missing data, and uses color schemes from ColorBrewer.

SSeekerzero
75% 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
75% match