Skip to main content
SimilarExport ZIP
100%

Gist 384c1abad76524c5baaf3d34988e7bed

✓ Published0🌍 Public
JJastor11
Last edited Oct 22, 2015
Created on Dec 11, 2025

This example maps ZIP codes to the congressional districts they overlap, using output from the Sunlight Foundation Congress API. The script `get_multi_state_zips.py` sends HTTP requests via the `requests` library, querying the API for each ZIP code in a hardcoded list. The resulting output shows that many ZIP codes span two states, with each state and district number listed for every ZIP. The visualization highlights how geographic boundaries and congressional districts do not always align, revealing the complex, multi-state nature of these postal regions.

AI-generated description

Similar vizzes

Loading thumbnail…

Zip Codes

This example visualizes the geographic distribution of U.S. zip code tabulation areas, which serves as a rough proxy for population density. It shows a complete map of the contiguous United States, with each zip code represented as a filled polygon. The map is rendered from a TopoJSON file, originally derived from a Census Bureau shapefile and simplified to reduce file size by 99.1%. The code uses `d3.geoPath` to project and draw the shapes, and the visualization is part of the U.S. Atlas project.

Mmbostock
65% match
Loading thumbnail…

Gist 11520211

This example visualizes the geographic boundaries of US states and counties using a TopoJSON file that encodes land, county, and state outlines. Built with D3, it renders the map from the `us.json` TopoJSON data, which contains geometry collections for counties and states. The visualization likely uses D3's projection and path generators to draw the geographic shapes, displaying the boundaries with distinct styling for counties and states. The minimal code structure suggests a basic interactive or static map, with the data provided in a structured TopoJSON format.

CCaged
62% match
Loading thumbnail…

Gist 652595e55960a8e04a29

This example visualizes the spatial relationships between metropolitan statistical areas and their constituent counties, townships, and other administrative geometries. The code first builds a combined geometry table using SQL, merging overlapping regions across multiple spatial layers while excluding special cases like Boston. It then renders these shapes using D3.js, likely leveraging `d3.geoPath` for projection and canvas or SVG drawing. The query explicitly handles hierarchical and overlapping geographies, prioritizing township-level detail where available and falling back to county unions for other areas. The final visualization shows how different government boundaries interlock within U.S. metropolitan regions, with the SQL preprocessing ensuring no duplicated or missing polygons.

CCaged
61% match
Loading thumbnail…

Zip Codes

This visualization plots every U.S. ZIP code as a small square on an Albers USA projection, with each point colored by the first digit of its ZIP code. It uses the `vega-lite-api` to construct a layered specification, leveraging `vl.markSquare`, `vl.longitude`, and `vl.latitude` encodings. The data is loaded via `d3.csv` from a GitHub gist, and rendering is handled by Vega-Lite with the `geo-albers-usa-territories` projection. The map fills the browser window and includes a tooltip showing the full ZIP code.

MMauricio García Benítez
60% match
Loading thumbnail…

Shared Data

This interactive map visualizes the population distribution of the United States by rendering state and county boundaries alongside state centroids. Built using D3.js, the visualization combines `d3.geoPath` to project and draw the geographic shapes from the included `us-states.json` and `us-counties.json` files, while `d3.geoPath` also handles the state centroids from `us-state-centroids.json`. The map is rendered dynamically, displaying the detailed boundaries and population data sourced from the provided gist.

Mmbostock
60% match
Loading thumbnail…

nyc zip code gejson

This example shows a map of New York City ZIP code boundaries, with each postal code drawn as a filled polygon. The map uses d3.geoPath to render the GeoJSON features from a gist, which contains both the polygon geometry and property data such as borough and neighborhood name. The visualization colors each district and includes a longitude/latitude attribute for each ZIP code, enabling geographic context. The GeoJSON file supplies all boundary coordinates and metadata directly, so the rendering relies on d3’s geographic projections to display the polygons in a flat, interactive layout.

JJn1532
60% match
Loading thumbnail…

Stitching States from Counties

This example demonstrates how to stitch together individual county boundaries into state outlines. It converts a TopoJSON file of US counties into a state-level map by identifying arcs that are shared only within a single state and merging them into continuous paths. The code uses D3.js to load and process the topology, tracks arc membership per state, and reconstructs polygons by connecting fragment chains. The resulting map is rendered using the standard D3 `geoPath` projection.

Mmbostock
60% match
Loading thumbnail…

U.S. Congressional Districts

This map shows U.S. congressional districts for a selected state, displayed as semi-transparent pink polygons over a Mapbox basemap. The visualization uses Mapbox GL JS to render a GeoJSON source fetched from an AWS API Gateway endpoint, which returns district boundaries for the requested state (defaulting to Indiana). After loading, the map automatically flies to the first polygon’s coordinates, zooming in for detail. The code relies on Mapbox’s `addSource` and `addLayer` methods, plus the `flyTo` animation, with no additional charting libraries.

WWill Carter
60% match