Vaccine-Data

Transforming World Vaccination Data

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.

80% match

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.

77% match

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.

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

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

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`.

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.

74% match