Fork of Fork by Yizhan Niu

100%

Fork of Fork by Yizhan Niu

✓ Published1🌍 Public

Last edited Dec 16, 2022

Created on Dec 15, 2022

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.

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

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

97% match

Loading thumbnail…

Fork of Fork of Fork by Yizhan Niu

A dashboard visualizes US unemployment and vaccination rates by state. A choropleth map displays circles sized by vaccination rates, positioned via `d3.forceSimulation` with collision detection. An interactive bar chart shows daily doses, filtered by a dropdown menu, while a brush selects dates for the map. Built with React, D3 v6, SVG, and `d3.geoAlbersUsa` projections, data comes from US Vaccination Data by State/Territory.

Nniuyizhan

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

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

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

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

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

91% match