Gist b36abc16cbfb93f9d5e2649f3223b006

100%

Gist b36abc16cbfb93f9d5e2649f3223b006

✓ Published0🌍 Public

Last edited Nov 24, 2016

Created on Nov 24, 2016

This choropleth maps US agricultural productivity for 2004 using a green sequential color scale, with states colored from light to dark green based on their productivity value, and missing states in gray. Built with D3 v3, it loads CSV data and a GeoJSON of US states, merges the productivity values by state name, and renders the map using an Albers USA projection. The color scale is quantized to the domain of the data, and the map is drawn with a fixed width of 700 pixels and height of 580 pixels.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/aurelient/'>aurelient</a>'s block: <a href='http://bl.ocks.org/aurelient/28e33c4fc0e1944df0ea72fe554b490c'></a>

forked from <a href='http://bl.ocks.org/aurelient/'>aurelient</a>'s block: <a href='http://bl.ocks.org/aurelient/5558cba3ba0b34f4895a1f9b25195cf4'></a>

forked from <a href='http://bl.ocks.org/aurelient/'>aurelient</a>'s block: <a href='http://bl.ocks.org/aurelient/550afe4822c58b83e4e5471112eadb12'></a>

mit Licensed

Similar vizzes

Loading thumbnail…

Gist ff32d4f709edccc02ac9a9fb4e244008

This choropleth map visualizes U.S. agricultural productivity by state for 2004, using a green sequential color scale to represent productivity values. The visualization loads US state boundaries from a GeoJSON file and joins them with productivity data from a CSV file. A quantize color scale maps productivity values to five shades of green, from light (low productivity) to dark green (high productivity). States without data are rendered in gray. The map uses the Albers USA projection and is built with D3 v3, following a pattern forked from several prior blocks.

BBrunoDumas

96% match

Loading thumbnail…

Gist 5e61b60f44bcf4875764ebf11683377c

This choropleth map visualizes agricultural productivity across the United States in 2004, with each state colored according to its productivity value. The visualization uses D3 v3's Albers USA projection to render the map and a quantized color scale ranging from light green (low values) to dark green (high values). States are colored by joining CSV data with GeoJSON features by state name; states without data appear gray. A simple legend is absent, but the color scale is defined by the minimum and maximum productivity values in the dataset.

BBrunoDumas

94% match

Loading thumbnail…

Gist c74a36a544e6649522366453f5e1d6fa

A choropleth-style map of the United States renders state boundaries as black outlines on a white background, using an Albers USA projection centered within a 700x580 SVG. The visualization loads geographic features from a local `us-states.json` file and draws each state path via D3 v4’s `d3.geoPath` with a `d3.geoAlbersUsa` projection. No data values or color encoding are applied, leaving the map purely as a geometric outline of the country’s administrative divisions.

EEssohanamKouyou

77% match

Loading thumbnail…

Gist 6b64443aba2850cb55742070acbbd681

A choropleth-style map of U.S. states rendered with D3 v4, using the `d3.geoAlbersUsa` projection and `d3.geoPath` to draw each state's boundaries from the included `us-states.json` GeoJSON data. The SVG canvas is fixed at 700 by 580 pixels. No additional styling or interactivity is applied; the visualization simply displays the unadorned state outlines.

RRemiFaure

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

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

75% match

Loading thumbnail…

Untitled

A choropleth map of the United States visualizes state-level data from a CSV file, with each state filled according to a linear color scale (yellow to red) based on the `prem_an` attribute. The map also plots doughnut markers at state centroids, showing state abbreviations, and includes a partially commented-out section for city locations with circle sizes proportional to years lived. Built with D3 v3, the code uses `d3.geo.albersUsa()`, `d3.geo.path()`, and SVG paths rendered from GeoJSON, merging CSV attributes into the map's feature properties before binding data to the paths.

Iillus0r

75% match

Loading thumbnail…

Modular US State Choropleth

This modular choropleth maps state-level data onto a U.S. map using a light-to-magenta color ramp defined by `lowColor` and `highColor`. The D3 v4 example loads a CSV containing state names and numeric values, joins them to a GeoJSON of US states, and renders the result as SVG paths using the Albers USA projection. A linear color scale maps data values to fill colors, and a vertical gradient legend with an axis communicates the value range. The code is organized for easy reuse, allowing users to swap in their own `statesdata.csv` with `state` and `value` columns.

CCraftbd

74% match