vaccination dataviz Apr 13th d3_v4

100%

vaccination dataviz Apr 13th d3_v4

✓ Published0🌍 Public

Last edited Apr 28, 2023

Created on Apr 13, 2023

Forked from Loading Vaccination population into globe

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.

AI-generated description

Loading the total vaccination population into globe map

original data viz mapping: https://vizhub.com/Seekerzero/647b67533a514a868caea2912e186e5f

MIT Licensed

Similar vizzes

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

84% match

Loading thumbnail…

New Technique

This choropleth map visualizes global COVID-19 vaccination rates, specifically the percentage of each country’s population that is fully vaccinated, using a red sequential color scale. Hovering over a country highlights its border and displays a tooltip with the country’s name and vaccination percentage. The visualization uses the `d3.geoAzimuthalEqualArea` projection, `d3.geoPath`, and `d3.csvParse` to load and render geographic and CSV data, with a custom ordinal color legend built via `d3.scaleOrdinal`. Data comes from a local CSV file and world atlas TopoJSON.

QQingyang Wang Profolio

82% match

Loading thumbnail…

Fork of Fork of Choropleth Map 2

This choropleth map displays COVID-19 vaccination data from a CSV dataset, allowing users to toggle between three metrics via a dropdown menu: fully vaccinated counts, fully vaccinated per 100 people, and total vaccinations. The visualization uses d3.geoNaturalEarth1, d3.geoPath, and d3.geoGraticule to render world country outlines, with d3.scaleQuantile and d3.schemeYlGnBu assigning color fills based on the selected metric. Data loads asynchronously via fetch and Promise.all, while the topojson-client library converts the world atlas TopoJSON into GeoJSON features. Missing values appear gray, and the map responds to window resizing.

SSeekerzero

81% 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

81% match

Loading thumbnail…

Interactive COVID-19 Dashboard Bar and Map

This interactive dashboard visualizes COVID-19 vaccination data across U.S. states, combining a bar chart of daily doses for a selected state with a map showing vaccination rates nationwide. Users brush the bar chart to choose a date, and the map updates to display doughnut charts at state centroids, with arcs indicating the percentage of residents fully vaccinated and doses used. The visualization uses React, D3 v6 (including `d3.forceSimulation`, `d3.geoPath`, `d3.brushX`, and `d3.scaleSqrt`), and SVG rendering. Data comes from US Vaccination Data by State/Territory, with map shapes from the us-atlas TopoJSON.

PPeter VanNostrand

80% match

Loading thumbnail…

New Tech: Point On Map

This interactive map displays COVID-19 vaccination rates for each country, with circle size indicating the percentage of the population vaccinated and color depth representing the percentage fully vaccinated. Hovering over a country reveals its name and full vaccination rate. The visualization offers three geographic projections—geoEqualEarth, geoAzimuthalEqualArea, and geoOrthographic—selectable via a dropdown menu. It uses d3.geoPath with TopoJSON world atlas data, d3.csvParse for vaccination data, and a d3-scaleLinear for circle radius.

QQingyang Wang Profolio

80% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map visualizes global COVID-19 vaccination rates, specifically the fully vaccinated population portion per country, using color intensity to show geographic disparities. The map renders countries as filled paths via `d3.geoPath` with a Natural Earth projection, while a `d3.scaleQuantile` maps data values to the `schemeYlGnBu` color scale, with gray for missing data. Data comes from a CSV file of vaccination statistics, parsed with `d3.csvParse`, and country boundaries use TopoJSON data processed through `topojson.feature`. The visualization updates asynchronously with `Promise.all` and `setState`.

SSeekerzero

79% match

Loading thumbnail…

Zoomable COVID Vaccine Map

This visualization uses a map of the United States to show the percentage of each state's population fully vaccinated against COVID-19 as of September 4, 2021. The radius of each blue circle is proportional to the state's vaccination rate, with circles positioned over state centroids. The map supports zooming via the `d3.zoom` API, which updates the SVG group's transform. The code builds the map using `d3.geoAlbersUsa` and `d3.geoPath` projections, and renders circles with proportional radii using a `d3.scaleLinear` scale. Data comes from a CSV file of US vaccination statistics, while state boundaries and centroids come from US Atlas GeoJSON and a local JSON file.

PPeter VanNostrand

79% match