Skip to main content
SimilarExport ZIP
100%

Zip Codes

✓ Published0🌍 Public
Mmbostock
Last edited Feb 9, 2016
Created on Feb 16, 2013

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.

AI-generated description

The Census Bureau provides a 797M shapefile for national zip code tabulation areas. Simplified using TopoJSON (with -q 1e5 -s 3e-7), the resulting file is only 7.2M, a reduction of 99.1%. The distribution of zip codes is a rough proxy for population density. Part of the U.S. Atlas project.

gpl-3.0 Licensed

Similar vizzes

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
77% match
Loading thumbnail…

Zip Code Trails

This visualization shows the geographic distribution of United States zip codes as colored trails, with each trail segmented by the first three digits of the zip code. It renders 960 by 500 pixels on a black background using an Albers USA projection. The code uses vega-lite-api with vega and vega-lite to create the line marks, filtering out non-continental states and applying a categorical color scale based on digit ranges. Data comes from the vega-datasets zipcodes.csv source.

CCurran Kelleher
75% match
Loading thumbnail…

Zipdecode

Zipdecode displays all U.S. ZIP code locations as a dot map, highlighting those that match the prefix typed into an input field. It uses an AlbersUSA projection to plot each ZIP code’s latitude and longitude from a TSV dataset. As the user enters digits, the map cross-fades between canvases, drawing inactive dots in gray and active matches in red. The implementation uses d3.geo.albersUsa, d3.tsv, d3.select, and canvas transitions, animating opacity over 350 milliseconds before removing old layers.

Mmbostock
74% 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
73% 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
72% match
Loading thumbnail…

U.S. Population Density

This map visualizes U.S. population density by census tract using a choropleth coloring scheme, with darker reds indicating higher people per square mile. It renders static SVG via an HTML image tag, and the map is derived from 2014 American Community Survey data joined with census tract boundaries. The build uses TopoJSON CLI tools (`geo2topo`, `topomerge`, `toposimplify`) and D3 projections (`d3.geoAlbersUsa`), with color bins defined by `d3.schemeOrRd` and a custom legend.

Mmbostock
71% match
Loading thumbnail…

CA Zip Code Map

This example renders a choropleth-style map of California zip code boundaries using SVG. It loads GeoJSON data from a GitHub repository and draws each zip code region as a path with a green fill and black outline. The code uses d3.json and d3.geoPath with a d3.geoMercator projection centered on California, scaling the map to fit the viewport. The visualization provides a static geographic overview of all zip code areas in the state.

Ggarrettriha
71% match
Loading thumbnail…

CA Zip Code Map

This example renders a choropleth-style map of California zip code boundaries using SVG. It loads GeoJSON data from a GitHub repository and draws each zip code region as a path with a green fill and black outline. The code uses d3.json and d3.geoPath with a d3.geoMercator projection centered on California, scaling the map to fit the viewport. The visualization provides a static geographic overview of all zip code areas in the state.

Ggarrettriha
71% match