Skip to main content
100%

Gist 46fd5ee6e8f80b62bd42

✓ Published0🌍 Public
Aandrewxhill
Last edited Dec 7, 2014
Created on Dec 7, 2014

This map of US rivers uses color to show flow direction, with each river segment assigned a hue based on its azimuth angle measured via CartoDB’s ST_Azimuth function. A circular color gradient cycles from pink through blue and back, encoding compass orientation. River thickness scales with Strahler stream order and zoom level using CartoCSS rules. The visual style, inspired by Von Worley’s metro area street-grid maps, renders the data as smooth, rounded lines with white casing, emphasizing the directional patterns of the nation’s waterways.

AI-generated description

Similar vizzes

Loading thumbnail…

Steps used to make map of California rivers

A map of California rivers displays stream networks color-coded by Strahler stream order, with line widths scaled by order and zoom level. The visualization is built from NHD Plus flowline data processed via SQL queries in CartoDB, which join river attributes and merge segments using `ST_LineMerge` and `ST_Union`. CartoCSS rules define zoom-dependent stroke widths for each order class, while a second optional version applies directional coloration to the same underlying geometry. The map relies on CartoDB’s spatial index for rendering performance.

Aandrewxhill
73% match
Loading thumbnail…

Gist 8393499

This visualization displays a segment of the Moose River in New York, rendered as two wide-river shoreline reaches from a GeoJSON file. The map shows the river’s course using blue line strings, with each feature annotated with attributes such as reach type, size class, and port code. The example uses the geojson.io interface to present the geographic data, highlighting river reaches within the Black River HUC8 watershed and Northeast Lake Ontario ecoregion, with each line colored by its attribute values.

Aadkatrit
70% match
Loading thumbnail…

Streams

A map of the United States displays the National Atlas’s 1:1,000,000 scale streams dataset, rendered from TopoJSON converted to GeoJSON. The visualization uses d3.geoPath and d3.geoStitch to project and draw fine-grained river networks, which are simplified via TopoJSON’s quantization and delta encoding to keep the file manageable. The page also includes a static PNG preview of the resulting map.

Mmbostock
69% match
Loading thumbnail…

U.S. Rivers

This visualization displays a high-resolution raster image of U.S. rivers, rendered as black lines on a white background. The image is a static PNG generated from the NHDPlus dataset and was produced using the Makefile in the U.S. Rivers project. The page embeds the image directly via an `<img>` tag, with the file served from a GitHub asset URL. No JavaScript libraries or dynamic APIs are used; the example solely relies on static HTML and CSS, with a small script adjusting the frame height for embedded viewing.

Mmbostock
68% match
Loading thumbnail…

Gist 3ae14fd23a39bcd5ecd005a6cafa5e32

A map of the United States rendered in dark blue outlines against a black background, with states colored by population density using a sequential color scale. Built with D3.js and TopoJSON, the visualization loads US state boundary GeoJSON data and applies a yellow-to-red color gradient based on each state's population. Hovering over a state highlights it with a lighter stroke and displays a tooltip showing the state name and population. The map is centered and scaled to fit the continental United States.

TTommyCoin80
68% 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
67% 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
67% match
Loading thumbnail…

US_Map

A choropleth-style map displays the contiguous United States with state boundaries, rendered in SVG using React. The visualization uses `d3.geoAlbers` for projection and `d3.geoPath` to draw geographic features, with `d3.geoGraticule` generating graticule lines. Land areas are filled pink, interiors stroked darkblue, and the sphere background is yellow, styled via CSS. Geographic data comes from the US Atlas TopoJSON, processed with `topojson.feature` and `topojson.mesh`.

AAkrutiKhurana2103
67% match