Skip to main content
100%

fresh block

✓ Published0🌍 Public
Aaaronmunoz
Last edited Feb 15, 2018
Created on Feb 15, 2018

A choropleth map of the United States displays county-level unemployment rates. Each county is filled with a color from a sequential blue scale, mapping rates between 2% and 10% using `d3.scaleThreshold`. The map is rendered as SVG, with county boundaries drawn via `d3.geoPath` and state outlines as white lines. Data for each county is joined from a TSV file containing unemployment rates, and a horizontal color legend with tick marks shows the rate scale.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

This choropleth map visualizes county-level unemployment rates across the United States. Each county is colored using a threshold scale with nine blue shades from the d3.schemeBlues palette, mapped to unemployment percentages between 1% and 10%. A horizontal color legend at the top of the SVG includes tick marks and labels for each threshold value. The map displays county boundaries with white state outlines for geographic context. County tooltips show the exact unemployment rate as a percentage. The data is loaded from an external TSV file, while county and state geometries come from TopoJSON.

VVickyLouise
93% match
Loading thumbnail…

fresh block

A choropleth map of U.S. county unemployment rates colors each county with a blue gradient from a threshold scale, using `d3.geoPath` to render TopoJSON boundaries. The visualization includes a horizontal legend with a linear axis, showing rates from 1% to 10%, plus white state borders. Unemployment data loads from a TSV file and matches each county by ID. The map uses `d3.scaleThreshold`, `d3.schemeBlues[9]`, and `d3.axisBottom`.

JJEddy92
93% 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
85% match
Loading thumbnail…

Gist d8a8c52a3d98232cd513f1f5364a6e5c

This example displays a choropleth map of U.S. county unemployment rates, using a blue sequential color scale ranging from light to dark shades. The map is rendered as SVG paths via `d3.geo.path` with an Albers USA projection, while county data is joined to `d3.map` values from an external TSV. State boundaries are drawn as a white mesh overlay using TopoJSON. The code relies on `queue`, `d3.json`, `d3.tsv`, and `d3.scale.quantize` to bin rates into nine classes.

JJn1532
85% match
Loading thumbnail…

Choropleth map

This choropleth map displays U.S. county-level unemployment rates as of August 2016, using a threshold scale with a blue sequential color scheme. The map is rendered as SVG with `d3.geoPath` and TopoJSON data from the Census Bureau and the Bureau of Labor Statistics. A legend with a linear axis shows the percentage ranges, and hovering over a county reveals its exact rate via a tooltip. The code also demonstrates preprocessing the raw fixed-width text data into a TSV using command-line utilities like `dsv2dsv`.

EEleonore9
84% match
Loading thumbnail…

Choropleth V5

This choropleth map visualizes county-level unemployment rates across the United States. Using D3 v5 with SVG rendering, the example loads county and state boundary geometries from a TopoJSON file and joins them to unemployment rate data from a TSV file via Promises. A threshold color scale maps unemployment percentages (2–10+) to a blue sequential scheme, with a horizontal legend positioned at the top of the map. County polygons are filled according to their rate, with tooltips showing the exact percentage, while state boundaries are overlaid as white strokes. The map is paired with an axis showing the unemployment-rate scale.

Aadamjanes
84% match
Loading thumbnail…

D3 Choropleth Starter

A choropleth map of United States county unemployment rates, colored with a blue threshold scale. The map displays each county as a path, with hover tooltips showing the exact rate. The visualization loads county boundaries and unemployment data via Promises, then renders them using D3's `geoPath` and TopoJSON feature extraction. A legend with an axis shows the color scale, while state borders are drawn as a white mesh overlay.

AAlark Joshi
84% match
Loading thumbnail…

Choropleth

A choropleth map of U.S. county unemployment rates for August 2016, drawn as SVG paths using `d3.geoPath`, colors each county with a `d3.scaleThreshold` and the `d3.schemeBlues` color scheme. A legend displays the color scale via a linear axis. The map uses TopoJSON from the U.S. Census Bureau and unemployment data from the Bureau of Labor Statistics, loaded with `d3.queue` and `d3.tsv`. State boundaries are overlaid as a white mesh using `topojson.mesh`.

Mmbostock
83% match