Chloropleth

100%

✓ Published0🌍 Public

Last edited Mar 22, 2016

Created on Mar 22, 2016

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.

AI-generated description

This choropleth encodes unemployment rates from 2008 with a quantize scale ranging from 0 to 15%. A threshold scale is a useful alternative for coloring arbitrary ranges. Copied directly from Mike Bostock.

Similar vizzes

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…

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

92% match

Loading thumbnail…

Choropleth

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.

Aalex-rind

90% match

Loading thumbnail…

Gist 7bcb7bfb170746a20c14

This choropleth maps U.S. county-level unemployment rates from 2008, encoding values from 0 to 15% using a quantize scale with nine discrete color classes. The SVG visualization uses a Mercator projection and TopoJSON data for county and state boundaries. Unemployment data is loaded from a TSV file and joined to county IDs via a `d3.map`, with each county’s fill class (q0-9 through q8-9) assigned by the quantized rate, producing a blue sequential palette from light to dark. County boundaries are stroked in white and state borders in white with rounded joins, while the background remains transparent. The example highlights the use of quantize scales for continuous-to-discrete mapping and suggests a threshold scale as an alternative for arbitrary ranges.

11wheel

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

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

Loading thumbnail…

Gist 5665764

This choropleth maps U.S. county-level unemployment rates from 2008 using a quantize scale, which assigns each county to one of nine color classes based on rates from 0 to 15%. The map is rendered with SVG paths for counties, colored via CSS classes q0-9 through q8-9, and includes state boundary outlines overlaid for context. The data is loaded from an external TSV file, and clicking a county or hovering over a state logs the element or feature to the console.

11wheel

89% match

Loading thumbnail…

Quantile Choropleth

A quantile choropleth maps U.S. county unemployment rates to a nine-step blue color scale, with state boundaries overlaid in white. The d3.v3 code uses `d3.scale.quantile` and `d3.geo.albersUsa` with `d3.geo.path` to render SVG paths. Data loads via `queue` and `d3.tsv`, while TopoJSON provides county and state geometries.

Mmbostock

89% match