Gist ff32d4f709edccc02ac9a9fb4e244008

100%

Gist ff32d4f709edccc02ac9a9fb4e244008

✓ Published0🌍 Public

Last edited Nov 24, 2016

Created on Nov 24, 2016

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.

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>

forked from <a href='http://bl.ocks.org/BrunoDumas/'>BrunoDumas</a>'s block: <a href='http://bl.ocks.org/BrunoDumas/5e61b60f44bcf4875764ebf11683377c'></a>

mit Licensed

Similar vizzes

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

96% match

Loading thumbnail…

Gist b36abc16cbfb93f9d5e2649f3223b006

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.

FFrancoisDEAVEIRO

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

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

73% match

Loading thumbnail…

USA state Map

A choropleth map of the United States colors states based on a numeric value from a CSV file, with a linear color scale mapping low values to light red and high values to dark red. The map is rendered as SVG using D3 v6 and topojson, with the `d3.geoPath` generator drawing state boundaries and `d3.scaleLinear` adjusting fill colors. States without matching data appear blue. The CSV is loaded via `d3.csv`, and state boundaries come from the us-10m.v1.json TopoJSON file.

VVinay Vemuri

73% match

Loading thumbnail…

Untitled

This choropleth map of the United States displays state-level COVID-19 case values with a green color scale, using lighter shades for lower numbers and darker greens for higher ones. The visualization loads CSV data and merges it with GeoJSON state geometries using d3.csv and d3.json, then renders paths with d3.geoPath and the d3.geoAlbersUsa projection. A d3.scaleQuantize maps numeric values to a five-color range, while states lacking data appear gray. The SVG is built with D3 v7 and styled with minimal CSS.

Jjoslinl

73% match

Loading thumbnail…

US MAP

This interactive visualization displays a choropleth-style map of the United States, rendered as an SVG using React and D3 v5. The map shows state boundaries through purple interior lines, with land areas filled in green against a dark blue sphere background. The code employs `d3.geoAlbers` for the Albers equal-area projection, `d3.geoPath` to generate SVG paths, and `d3.geoGraticule` for grid lines. Geographic data comes from the `us-atlas` TopoJSON file, processed through `feature` and `mesh` from topojson library.

Ssiddu7147

72% match

Loading thumbnail…

USA Map

This choropleth map of the United States colors each state according to a numeric value loaded from a CSV file, using a linear lightred-to-red scale. The SVG rendering is built with d3.geoPath, which projects the US states from a GeoJSON file, while topojson.feature extracts the state features. State FIPS codes from the CSV are matched against the GeoJSON IDs to assign fills, with gray as the default for missing data. The visualization relies on d3.select, d3.csv, and d3.json for data loading.

NNukaShravanKumar

72% match