Choropleth

100%

✓ Published0🌍 Public

Last edited Nov 29, 2017

Created on Nov 29, 2017

This choropleth maps unemployment rates across U.S. counties as of August 2016, using a threshold color scale to bin rates into discrete categories. County boundaries are rendered as SVG paths from TopoJSON, with color encoding based on the unemployment rate. The data is sourced from the Bureau of Labor Statistics, transformed from a fixed-width text file into CSV using command-line tools, and visualized with D3 v4.

AI-generated description

Source: Bureau of Labor Statistics, Census Bureau

This choropleth shows unemployment rates as of August, 2016 with a threshold scale. I employed a mix of command-line tools to transform the fixed-width text file into a CSV, including dsv2dsv:

cat <(echo "id,rate") \
  <(tail -n +7 laucntycur14.txt \
    | grep 'Aug-16' \
    | cut -b 21-22,28-30,129-133 \
    | tr -s ' ' \
    | dsv2dsv -r ' ') \
  | csv2tsv \
  > unemployment.tsv

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/4060606'>Choropleth</a>

gpl-3.0 Licensed

Similar vizzes

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

94% match

Loading thumbnail…

Choropleth

This choropleth maps U.S. county-level unemployment rates from 2008, encoding values with a d3.scaleQuantize that bins rates from 0 to 15% into nine color classes. Rendered with SVG, the map uses a white state boundary overlay to delineate county borders, while the quantized color scale (from light blue to dark navy) visually distinguishes unemployment ranges. The visualization is built with D3 v4 and TopoJSON, and it includes a resize handler to scale the map responsively.

EEvertLagerberg

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

92% match

Loading thumbnail…

Chloropleth

This choropleth maps 2008 U.S. county unemployment rates, encoding each county’s rate with a color from a blue sequential palette. The data is loaded from an external TSV file and joined to county geometries from TopoJSON. A d3.scale.quantize maps the continuous unemployment domain (0 to 15%) to nine discrete CSS classes, q0-9 through q8-9, with darker blues representing higher rates. The map is rendered with SVG using an Albers USA projection, and state boundaries are drawn as white lines over the colored counties. This example is copied directly from Mike Bostock.

Aandyreagan

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

90% match

Loading thumbnail…

Projected Choropleth

A choropleth map shows unemployment rates by U.S. county, using a blue sequential color scale with nine quantized classes for rates from 0 to 15 percent. State boundaries appear as white lines, while counties are drawn as SVG paths. The map uses pre-projected TopoJSON data, created via the `topojson` command-line tool with the `d3.geo.albersUsa()` projection, and renders using `d3.geo.path()`. County geometries and unemployment rates are joined into a single file during preprocessing, eliminating separate data loads. This variation of the classic unemployment choropleth simplifies the workflow by embedding the projection and data join directly into the TopoJSON generation step.

Mmbostock

90% match

Loading thumbnail…

Chloropleth using gistup

This choropleth encodes unemployment rates from 2008 for U.S. counties, using d3’s quantize scale to map rates from 0 to 15% to a nine-step blue color ramp. County boundaries are rendered as SVG paths from TopoJSON, with state outlines stroked in white, and unemployment data loaded from a TSV file into a d3.map keyed by FIPS ID. The map uses an AlbersUSA projection and a threshold-free quantize scale for coloring, making it easy to see regional unemployment patterns.

Aandyreagan

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

89% match