Skip to main content
SimilarExport ZIP
100%

Interactive COVID-19 Vaccination Dashboard | Final

✓ Published0🌍 Public
PPeter VanNostrand
Last edited Dec 7, 2021
Created on Dec 6, 2021

A dashboard visualizes COVID-19 vaccination data across US states, showing daily doses in a brushable bar chart, a map with state-level vaccination rates, and a line chart tracking the share of available doses used. Users can select regions via a dropdown or map clicks, with brushing updating the map and line chart to reflect date ranges. Built with React and D3 v6, it employs `d3.geoPath`, `d3.forceSimulation` for map mark placement, `d3.brushX`, and SVG animations. Data comes from a US vaccination dataset by state/territory.

AI-generated description

A dashboard showing COVID-19 Vaccination doses administered in the United States.

The lower bar chart is the daily number of doses administered for a given region. The map shows the number of daily doses administered in every state as of the latest data, and the right line char shows the percent of availible vaccine doses which have been administered for the selected region. By brushing the bottom barchart you can select the data for the map and line chart to visualize, with the circles representing the number of doses administered in each state on the date at the end of the selected date range. To select a region for visualiztion either use the dropdown or click on a region in the map.

Clicking the "United States" marker in the lower right of the map will show the aggregated national data in the bar and line charts.

Data Source: US Vaccination Data by State/Territory

Part of a larger visualization project by Peter VanNostrand

MIT Licensed

Similar vizzes

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
94% 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
94% 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
92% 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
92% 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
91% match
Loading thumbnail…

Fork of US Daily COVID-19 Vaccination Dashboard

A dashboard visualizing COVID-19 vaccination doses administered across US states, combining a choropleth map with an interactive bar chart. A dropdown menu selects a state, updating the bar chart to show daily vaccination counts over time. A brush on the bar chart controls the date displayed on the map, where circles sized by state vaccination rates are positioned using d3.forceSimulation with collision detection, rendered via d3.geoPath. Data comes from US Vaccination Data by State/Territory, with SVG animations powered by d3 transitions.

Tthecodeman1988
90% match
Loading thumbnail…

Fork of US Daily COVID-19 Vaccination Dashboard

This dashboard visualizes COVID-19 vaccination data across US states, combining a choropleth map with a daily bar chart. A dropdown menu selects a state, updating the bar chart to show daily vaccination doses over time. Brushing the bar chart updates the map’s circles, which represent the share of fully vaccinated people per state on the selected date. Built with React and D3 v6, it uses `d3.forceSimulation` for circle positioning and `d3.geoPath` for map rendering, with data from the US Vaccination Data by State/Territory gist.

SSong Tao Chen
90% 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
89% match