Skip to main content
SimilarExport ZIP
100%

Fork of US Daily COVID-19 Vaccination Dashboard

✓ Published0🌍 Public
SSong Tao Chen
Last edited Jan 16, 2022
Created on Jan 16, 2022

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.

AI-generated description

A dashboar 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 barchart has been revised to have non-overlapping circles and to resolve a glitch where circles were appended rather than updated

Data Source: US Vaccination Data by State/Territory

MIT Licensed

Similar vizzes

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
97% match
Loading thumbnail…

Fork of US Daily COVID-19 Vaccination Dashboard

This dashboard visualizes COVID-19 vaccination doses administered across U.S. states, combining a choropleth-style map with a daily bar chart. The map displays proportional circles for each state’s fully vaccinated population, positioned via `d3.forceSimulation` over `d3.geoPath` projections. A dropdown menu selects a state for the bar chart, which shows daily vaccinations and supports brushing via `d3.brushX` to update the map’s displayed date. Data comes from a CSV of state-level vaccination records, rendered with D3 v6 and React.

Jjoslyn54
97% match
Loading thumbnail…

Fork of US Daily COVID-19 Vaccination Dashboard

This dashboard visualizes daily COVID-19 vaccination doses administered across US states. A bar chart shows the daily doses for a state selected from a dropdown menu, while a map uses animated circles to display the number of doses administered in each state for a chosen date. The date is selected by brushing the bar chart, which updates the map via `d3.brushX`. The map uses `d3.geoPath` for state boundaries and `d3.forceSimulation` to position non-overlapping circles, with data sourced from a US vaccination dataset.

Zzezhong5
95% match
Loading thumbnail…

Fork of Fork by Yizhan Niu

A dashboard visualizes state-level COVID-19 vaccination data, showing daily doses administered on a U.S. map and a corresponding bar chart for a selected state. Users choose a state from a dropdown menu and brush the lower bar chart to filter dates, updating the map’s circles. Built with D3 v6 and React, it uses `d3.geoPath` for state outlines, `d3.forceSimulation` for non-overlapping circles, and `d3.brushX` for date selection. Data comes from US Vaccination by State/Territory.

CChristalL99
92% 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…

Fork of Fork by Yizhan Niu

This dashboard visualizes COVID-19 vaccination doses administered across U.S. states, combining a choropleth-style map with a bar chart of daily doses for a selected state. A dropdown menu allows switching states, while the map displays dose counts for a chosen date. Built with React and D3 v6, it uses `d3.forceSimulation` to position non-overlapping circles and `d3.geoPath` for state boundaries. Data comes from a CSV of US vaccination records.

CChristalL99
92% match
Loading thumbnail…

Fork of Fork Final 5702

This dashboard visualizes COVID-19 vaccination data across U.S. states. A map displays daily doses per state using scaled circles positioned via `d3.forceSimulation` and a `d3.geoPath` projection, while a lower bar chart shows unemployment rates for a state selected from a dropdown menu. The code relies on D3 v6, React, and SVG with animated transitions for bars and circles. Data comes from a CSV of U.S. vaccination records.

Jjoslyn54
91% match
Loading thumbnail…

Fork of Fork by Yizhan Niu

This dashboard visualizes COVID-19 vaccination doses administered across the United States, combining a choropleth-style map with a linked bar chart. The map displays circles representing vaccination numbers for each state as of a selected date, while the lower bar chart shows the daily doses for a state selected via a dropdown menu. Users can brush the bar chart to choose a date range, updating the map accordingly. The visualization is built with React and D3 v6, using `d3.geoPath` for the map, `d3.forceSimulation` for circle packing, and `d3.brushX` for brushing interactions.

CChristalL99
91% match