Interactive COVID-19 Dashboard

100%

Interactive COVID-19 Dashboard

✓ Published0🌍 Public

Last edited Nov 30, 2021

Created on Nov 16, 2021

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.

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 in the state selected by the dropdown. The map shows the number of daily doses administered in every state as of the latest data. By brushing the bottom barchart you can select the date for the map 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.

This chart has been revised to have non-overlapping circles and to convert the circles to doughnut charts. Each doughnut consists of two arc elements and an outer circle. The inner arc in blue is the percentage of state residents fully vaccinated, while the outer arc in green represents the percentage of COVID-19 vaccine doses used.

Data Source: US Vaccination Data by State/Territory

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

95% match

Loading thumbnail…

Interactive COVID-19 Vaccination Dashboard | Final

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.

PPeter VanNostrand

94% match

Loading thumbnail…

US Daily COVID-19 Vaccination Dashboard with Doughnuts

This dashboard visualizes US COVID-19 vaccination data with an interactive map and bar chart. The map displays doughnut charts for each state, where blue arcs show the percentage of fully vaccinated residents and green arcs show vaccine doses used. Users can select a state from a dropdown to view its daily vaccination counts, and brushing the bar chart updates the map’s displayed date. The visualization uses D3.js force simulation for non-overlapping circles, geoPath for map rendering, and React for state management. Data comes from a gist containing US vaccination statistics by state.

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

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

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

91% match

Loading thumbnail…

Buggy US Daily COVID-19 Vaccination Dashboard with Doughnuts

This dashboard visualizes US daily COVID-19 vaccination data, combining a choropleth map of US states with a bar chart for a selected state’s daily doses. The map displays doughnut charts at state centroids, where each doughnut’s arcs represent the percentage of fully vaccinated residents and doses used. Users can interact by selecting states via a dropdown, brushing the lower chart to update the map’s date, and hovering over bars for tooltips. Built with React and D3 v6, it uses `d3.geoPath`, `d3.forceSimulation`, `d3.scaleTime`, `d3.brushX`, and SVG animations. Data comes from US vaccination records by state/territory.

PPeter VanNostrand

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