Skip to main content
SimilarExport ZIP
100%

MI ZIP Codes Pop. Density

✓ Published0🌍 Public
Zzach b.
Last edited Dec 21, 2021
Created on Dec 21, 2021
Forked from GR MI ZIP Codes

A choropleth map of Michigan ZIP code tabulation areas visualizes population density using an azimuthal equal-area projection, with each postal region colored by its population-per-land-area ratio. The visualization uses D3.js's `geoAzimuthalEqualArea` projection and `geoPath` to render SVG paths, overlaying administrative boundaries from TopoJSON. Population data from Michigan-demographics.com is joined with ZIP code geometries, and a linear scale maps density values to opacity levels between 0.3 and 1. Hovering reveals the ZIP code and total population.

AI-generated description

Populatoins of MI ZIP codes. Hover for ZIP Code and Pop.

...tryin' to get the color-scale to match pop. density...

some help decoding the variable names was found here:
https://www2.census.gov/geo/pdfs/maps-data/data/tiger/tgrshp2010/TGRSHP10SF1CH5.pdf

MIT Licensed

Similar vizzes

Loading thumbnail…

MI ZIP Code Pop.

This visualization shows the population distribution across Michigan ZIP codes, with each ZIP code region colored and opacified based on its population density. The map uses an azimuthal equal-area projection, rendering ZIP code boundaries and administrative land features as SVG paths via `d3.geoPath`. Population data from michigan-demographics.com drives a linear opacity scale (`d3.scaleLinear`), mapping lower populations to more transparent regions and higher populations to more opaque ones. Hovering over a region reveals the ZIP code and its population in a tooltip.

Zzach b.
93% match
Loading thumbnail…

GR MI ZIP Codes

This visualization shows Grand Rapids, Michigan ZIP codes as choropleth-style regions, with population density encoded through fill opacity and color intensity. The map uses a customized azimuthal equal-area projection via `d3.geoPath` and `geoAzimuthalEqualArea`, rotated to focus on the city. ZIP code boundaries render from a GeoJSON source, while population data from city-data.com drives a `scaleLinear` mapping to opacity. Hover tooltips display each ZIP code and its population, and the map includes Michigan administrative outlines for context. React manages component state, with D3 v6 handling data loading and path generation.

Zzach b.
85% match
Loading thumbnail…

MI ZIP Codes

A map of Michigan ZIP code boundaries highlights Grand Rapids ZIP codes in pink against yellow regions. The visualization uses d3.geoPath with an azimuthal equal-area projection rotated to center on Grand Rapids, rendering topojson data from a GitHub repository. React manages the component structure while d3 handles geographic path generation, with hover states and tooltips showing ZIP codes.

Zzach b.
77% match
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
70% match
Loading thumbnail…

map: MI Admin (from shapefile...not working)

This example displays the administrative boundaries of Michigan as an SVG map, rendered using a custom azimuthal equal-area projection. The visualization shows land polygons from a TopoJSON file, which is derived from MapCruzin shapefiles, and includes a graticule and sphere outline for geographic context. It uses `d3.geoPath` to project features, `d3.geoAzimuthalEqualArea` for the projection, and `topojson.feature` to convert the TopoJSON topology into GeoJSON features. The map is built with React, where hovering over a landmass reveals its name via a tooltip.

Zzach b.
70% match
Loading thumbnail…

MI

This visualization displays Michigan counties, municipalities, and electoral boundaries on an interactive Leaflet map. It loads GeoJSON data for counties, municipalities, voting precincts, state house and senate districts, and school districts via d3.json, then renders each as a layer toggleable through Leaflet’s control panel. The map uses OSM tiles from OpenStreetMap as its base layer, with Turf.js loaded for potential spatial analysis. Data is fetched asynchronously from Gist-hosted URLs, organized by category in useMiData.js.

Zzach b.
65% match
Loading thumbnail…

MD Counties

A choropleth map of Maryland counties colors each county by population density using a threshold scale and the d3.schemeOrRd color scheme, with county boundaries derived from a TopoJSON file. Hovering over a county highlights it with a thicker stroke, displays its name, population, land area, and density in an info box, and renders a small pie chart using d3.pie and d3.arc showing the county's population, land area, and density. The map uses a d3.geoConicConformal projection, along with topojson-client to parse geographic data and d3-scale-chromatic for colors.

MMTClass
65% match
Loading thumbnail…

Population Choropleth

A population choropleth of U.S. counties uses a logarithmic color scale to show population density, ranging from pale yellow to dark blue. The map projects counties with d3.geo.albersUsa() and renders them as SVG paths via d3.geo.path. Density is calculated by dividing each county’s population (from the 2010 Census shapefile, converted to TopoJSON) by its projected area, with the color domain set between the 1st and 99th percentiles. The topojson.feature API extracts county geometries for display.

Mmbostock
64% match