Fork of Fork by Yizhan Niu

100%

Fork of Fork by Yizhan Niu

✓ Published0🌍 Public

Last edited Feb 26, 2023

Created on Feb 26, 2023

This visualization explores U.S. state unemployment rates from October 2019 to September 2022. Users select a state from a dropdown menu to view its unemployment trend in an animated bar chart, while a geographic map displays the latest rates via blue dots sized with `d3.scaleLinear`. The bar chart updates smoothly using `d3.transition`, and hovering reveals tooltips. The map uses `d3.geoPath` with a topojson map and `d3.forceSimulation` for circle placement. Data is loaded via `d3.csv` from a gist.

AI-generated description

We intend to visualize the unemployment rates of each state in the U.S. from October 2019 to September 2022.

We implemented a feature that allows users to select a state from the dropdown list on the top of the page so that they can explore the unemployment rate along the time. Whenever users move the month on a bar, a label of corresponding unemployment rate will appear.

We also explored the geographical distribution of unemployment rates using a map. The size of the blue dots represent the intensity of unemployment situation in that state.

Data Source: US Vaccination Data by State/Territory

Code Source: US Daily COVID-19 Vaccination Dashboard

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

Nniuyizhan

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

84% match

Loading thumbnail…

Fork of Jos

This visualization shows a choropleth map of US state unemployment rates from January 2020 to December 2022. A dropdown menu lets users select a specific month and year to update the map’s color encoding. The map uses a threshold color scale with dark brown for higher unemployment. Hovering over a state triggers a tooltip with details. The visualization is built with React and D3.js, using d3.geoPath to render the map from TopoJSON data and d3.csv to load the unemployment data.

Jjoslyn54

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

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

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

79% match

Loading thumbnail…

Fork of React Starter

A choropleth map of U.S. county unemployment rates colors each county with a blue sequential scale, using a quantize scale with nine bins from 1% to 10%. The visualization loads unemployment data from a CSV file and county and state boundaries from a TopoJSON file. The React app renders an SVG via D3’s `geoPath` projection, with state borders stroked in white and hover tooltips showing county names, state names, and exact rates.

AAndrey Getmanov

78% match

Loading thumbnail…

Fork of Fork of Final Project

This visualization presents a pattern discovery tool for environmental data across US states from 2008 to 2018. Users select between different demographic groups (black, Asian, white) to view animated data representations. The project uses D3.js v6 with React to render SVG elements, featuring radio buttons that trigger different visual states. The code implements custom animations and data manipulation using D3’s formatting utilities, though the specific data source appears to be embedded numerical arrays rather than external files. The visualization employs a multi-year timeline with state abbreviations on the y-axis and floating-point formatted values.

YYi Yang

78% match