Skip to main content
SimilarExport ZIP
100%

Zoomable COVID Vaccine Map

✓ Published0🌍 Public
PPeter VanNostrand
Last edited Nov 16, 2021
Created on Nov 16, 2021

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.

AI-generated description

A map of the United States showing the total percent of a state which is fully vaccinated against COVID-19 as of 09/04/2021. The radius of each circle is proportional the fraction of eligible people in that state which have been fully vaccinated.

Data Source: US Vaccination Data by State/Territory

MIT Licensed

Similar vizzes

Loading thumbnail…

US COVID Vaccination Circles

A map of the United States shows the percentage of each state’s eligible population fully vaccinated against COVID-19 as of September 4, 2021, with circle radius proportional to that percentage. Built with D3 v5 and TopoJSON, the visualization uses `d3.geoPath` to render state boundaries and a linear scale to size the circles, which are positioned using state centroids from a JSON file. Vaccination data comes from a CSV of state-level records, and the SVG circles are semi-transparent blue.

PPeter VanNostrand
87% match
Loading thumbnail…

Fork of US COVID Vaccination Circles - Refactored

This visualization shows a map of the United States, plotting blue circles at the centroid of each state to represent the percentage of fully vaccinated residents as of September 4, 2021. The radius of each circle is scaled proportionally to the vaccination rate, allowing viewers to compare state-level progress at a glance. The code uses the D3.js library (version 5) with `geoAlbersUsa` projection and `geoPath` to render state boundaries, while `d3.scaleLinear` maps vaccination percentages to circle radii. State centroids come from a local JSON file, and vaccination data is loaded from a GitHub Gist containing U.S. vaccination data by state and territory.

PPeter VanNostrand
87% 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
83% match
Loading thumbnail…

123

This dashboard visualizes COVID-19 vaccination data across US states, combining a choropleth-style map with an interactive bar chart. The map uses `d3.geoAlbersUsa` projections and `d3.geoPath` to render state boundaries, with circle sizes scaled by vaccination rates via `d3.forceSimulation` and `forceCollide` to prevent overlap. The lower bar chart displays daily doses for a selected state, using `d3.brushX` to let users select a date range. Data comes from a US vaccination dataset via CSV, with React managing state for dropdown selections and map updates.

Nniuyizhan
82% match
Loading thumbnail…

US Daily COVID-19 Vaccination - Brushable Dashboard

This dashboard visualizes US COVID-19 vaccination data through a brushable bar chart and map. A dropdown selects a state, displaying daily vaccination doses, while brushing the chart updates the map to show vaccination rates in each state for the selected date. The map uses `d3.geoAlbersUsa` and `d3.geoPath` to render state boundaries, with circles sized by `d3.scaleLinear` based on the percentage of fully vaccinated people. Data comes from a CSV of state-level vaccination records, rendered as SVG with D3 v6 and React components, including animated transitions for bars and circles.

PPeter VanNostrand
81% match
Loading thumbnail…

Interactive COVID-19 Dashboard

This interactive COVID-19 dashboard visualizes daily vaccination doses administered across U.S. states, allowing users to select a state via dropdown or click on map markers to update the charts. The map displays doughnut charts showing each state’s percentage of fully vaccinated residents and vaccine doses used, with a brushable bar chart below to choose a date for the map. Built with React and D3 v6, the visualization uses `d3.forceSimulation` for circle positioning, `d3.geoPath` for state outlines, and `d3.arc` for the doughnut segments, with data sourced from US vaccination records.

PPeter VanNostrand
81% match
Loading thumbnail…

COVID-19 Data analytics Dashboard

This dashboard visualizes COVID-19 vaccination doses administered across the United States. A dropdown menu selects a state, displaying its daily vaccination bar chart. A map shows the latest daily doses for each state, with circles sized proportionally. Brushing the bottom bar chart updates the map to display data for the date at the end of the selected range. The visualization uses React with d3.forceSimulation for non-overlapping circle placement and d3.geoPath for map rendering, sourcing data from US Vaccination Data by State/Territory.

LLukwence
80% match
Loading thumbnail…

US Daily COVID-19 Vaccination Dashboard

This dashboard visualizes COVID-19 vaccination data across U.S. states, combining a map with a brushable time-series bar chart. The map displays circular marks positioned via `d3.forceSimulation` with `forceX` and `forceY` to avoid overlaps, sized by vaccination rates. The lower bar chart shows daily doses for a state selected from a dropdown menu, and brushing it updates the map’s date using `d3.brushX`, redrawing circles via SVG with `d3.transition`. Data comes from a CSV of state-level vaccination records, rendered with React, D3 v6, and TopoJSON.

PPeter VanNostrand
80% match