niuyizhan

@niuyizhan·3 public vizzes

Fork by Yizhan Niu

This visualization uses U.S. state unemployment data from October 2019 to September 2022 to compare rates over time and across geography. A bar chart displays monthly unemployment for a selected state, with hover tooltips revealing exact rates, while an Albers US map uses force-directed, radius-scaled dots to show geographic severity at a fixed date. Built with React and D3 v6, the dashboard uses `d3.scaleTime`, `d3.brushX`, `d3.transition`, and `d3.forceSimulation` to animate bar updates and position map circles based on state centroids.

Dec 16, 2022

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.

Dec 16, 2022

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.

Dec 15, 2022