Rajan

100%

✓ Published0🌍 Public

Kkhushburajan2015@gmail.com

Last edited Nov 6, 2025

Created on Nov 6, 2025

This choropleth map displays the 2024 unemployment rate for each U.S. state, using a red color scale from 2% to 6%. Hovering over a state reveals its exact rate via a fixed tooltip. The visualization is built with D3 v7 and TopoJSON, using the `geoAlbersUsa` projection and `geoPath` to render state boundaries from the us-atlas TopoJSON file. The color mapping relies on D3's `scaleQuantize` and `schemeReds` palette, with an interactive legend generated from the scale's inverted extents.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

State Map with Population - Rajan

This visualization presents two maps: a world map using the Aitoff projection and a US state choropleth displaying unemployment rates. The US map colors states on a sequential scale, with hover interactions revealing exact values via a tooltip. Built with D3 v7, it uses `d3.geoAitoff` and `d3.geoAlbersUsa` for projections, `d3.geoPath` for rendering, and TopoJSON data from world-atlas for country and state boundaries. The choropleth color encoding is generated dynamically from inline CSV data, with a legend included.

Kkhushburajan2015@gmail.com

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

83% match

Loading thumbnail…

Chloropleth Map

This choropleth map displays the 2022 unemployment rate for each U.S. state, with a blue sequential color scale indicating higher rates. It uses d3.geoPath with a d3.geoMercator projection to render state boundaries from a TopoJSON file, while a threshold scale maps unemployment percentages to d3.schemeBlues. Hovering over a state changes its fill to red via CSS. Data comes from a CSV file joined to state names, and tooltips show the exact rate per state.

AAllen Ho

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

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

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

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

79% match

Loading thumbnail…

Choropleth Map

This example uses a choropleth map to display the unemployment rate (%) for each U.S. state. The color of each state corresponds to its value, with a legend on the right providing the scale. The map is rendered using D3.js (v5) and React, with the `d3.geoPath` projection drawing the state boundaries and a TopoJSON mesh creating the white state separations. A tooltip is appended to each state path to reveal the exact state name and unemployment rate. The data is stored in a Map object and applied to each state's fill color via the `color` scale.

Rrobertmreedy

78% match