Skip to main content
SimilarExport ZIP
100%

Assignment8_Manisha_USMap

✓ Published0🌍 Public
Kkonudulamanisha@gmail.com
Last edited Nov 10, 2025
Created on Nov 10, 2025

This choropleth map displays US state unemployment rates, with each state colored on a sequential blue-purple scale (d3.interpolatePuBu) according to its percentage. The visualization loads state boundaries from the us-atlas TopoJSON file and joins CSV data containing state names and unemployment values. Hovering over a state reveals a tooltip showing the state name and its unemployment rate or “N/A” for missing data. The map uses d3.geoPath with a d3.geoAlbersUsa projection and renders as SVG, with states encoded as paths and tooltip positioning handled via mouse events.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Q1-ASSIGN-8

This choropleth map displays 2023 US unemployment rates by state using a purple sequential color scale and an Albers USA projection. It employs `d3.geoPath` with the `topojson` library to render state boundaries from the us-atlas TopoJSON, while a custom tooltip shows state names and exact percentages. Data originates from the Bureau of Labor Statistics, rendered as SVG with a gradient legend indicating relative unemployment levels.

Kkpavithrasai@gmail.com
87% match
Loading thumbnail…

Section 1(a)-Making Maps Using TOPOJSON

This choropleth map visualizes 2024 US state unemployment rates using D3.js v7 and TopoJSON. It shows each state colored on a red-yellow-green sequential scale, where green indicates lower unemployment and red indicates higher rates, with hover interactions revealing exact percentages via a tooltip. The map uses `d3.geoAlbersUsa` projection and `d3.geoPath` to render state boundaries from the us-atlas TopoJSON dataset, while `d3.scaleSequential` with `d3.interpolateRdYlGn` drives the color encoding, and an SVG linear gradient legend communicates the scale.

SSYAM TEJ
86% match
Loading thumbnail…

Choropleth map in D3

This choropleth map visualizes 2023 US unemployment rates by state, coloring each state with a sequential scale from the minimum to maximum unemployment values. Hovering over a state reveals a tooltip with its name and unemployment figure. Built with D3.js, it loads unemployment CSV data and US state TopoJSON boundaries, then projects the states using `d3.geoAlbersUsa` and renders them as SVG paths via `d3.geoPath`. The map joins the CSV data to the geometry using a state name-to-FIPS code mapping.

Kkfhujosefsson@dons.usfca.edu
83% match
Loading thumbnail…

A9 Choropleth Map

This choropleth map visualizes state-level unemployment rates in the United States for 2021, using a blue sequential color scale to encode rate differences. Built with D3 v7, it renders the contiguous states and Alaska via `d3.geoAlbersUsa` and `d3.geoPath`, with data from the USDA’s county-level dataset. Hovering over a state triggers a basic tooltip showing the state name and unemployment value.

AAllen Jake Polintan
82% match
Loading thumbnail…

State Choropleth Map

A choropleth map of the United States displays county-level unemployment rates from 2021, using a blue sequential color scale and a corresponding legend. The visualization is built with D3.js v5, leveraging `d3.geoPath` for rendering SVG paths, `d3.scaleThreshold` for color binning, and `d3.json` to load TopoJSON geographic data. A hover tooltip, implemented with a D3-selected `div`, reveals each county's specific unemployment percentage.

Mmariahdiaz
82% match
Loading thumbnail…

d3 chorplath map

This choropleth map of the United States displays county-level unemployment rates using a quantized color scale. The visualization renders counties as SVG paths, colored from light to dark blues based on rates from 0 to 15 percent, with state boundaries overlaid in white. Built with D3 v3, it uses `d3.geo.albersUsa` and `d3.geo.path` for projection, TopoJSON for US county and state geodata, and a queue to load JSON and TSV data asynchronously.

JJn1532
82% match
Loading thumbnail…

Map of unemployment rate in the US

This visualization displays a map of the contiguous United States with red circles overlaid on each state, sized proportionally to a fake unemployment rate dataset. The map is rendered using D3’s `geoAlbersUsa` projection and `geoPath` to draw state boundaries from a TopoJSON file. Circle positions are computed with `geoCentroid` and scaled using `scaleSqrt`, with data loaded asynchronously from the us-10m atlas. The SVG output shows both the static gray state shapes and semi-transparent bubbles representing relative unemployment figures.

Oomniaabouhassan@gmail.com
81% match
Loading thumbnail…

heatmap

This example displays state-level unemployment data on a map of the United States, using colored circles overlaid on geographic boundaries. The visualization loads US TopoJSON data and employs d3.geoAlbersUsa projection with d3.geoPath to render state shapes, while d3.scaleSequential with interpolateBlues colors each circle based on its unemployment rate. Interactive hover effects reveal tooltips showing the specific state name and percentage.

Oomniaabouhassan@gmail.com
80% match