Skip to main content
SimilarExport ZIP
100%

MI ZIP Codes

✓ Published0🌍 Public
Zzach b.
Last edited Dec 21, 2021
Created on Jan 26, 2021
Forked from map: NY Counties

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.

AI-generated description

found a mi zipcodes geojosn repo on github & a list of grand rapids zip codes. bingo-bango.

--
Datavis 2020 #29

MIT Licensed

Similar vizzes

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.
91% match
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.
78% match
Loading thumbnail…

MI ZIP Codes Pop. Density

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.

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

GR

This interactive map overlays four geographic layers for Grand Rapids, Michigan: city commission wards, neighborhoods, neighborhood associations, and population data by block. Each layer uses Leaflet’s `L.geoJSON` to render GeoJSON data, with D3’s `d3.json` fetching the files from GitHub Gists. Wards are colored with fixed hues, while neighborhoods and associations use a custom `randomRGB` function to generate varied colors. A Leaflet layer control toggles visibility for each set, with popups showing ward numbers, neighborhood names, association names, and resident counts.

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

Gist 5562531

This visualization displays United States zip codes as individual points on an Albers USA projection, highlighting locations that match a user’s typed input. It shows a map of the country where each of the roughly 43,000 ZIP code locations is drawn as a single pixel-sized square, with matching entries turning red in real time. The code uses deeply nested SVG `<g>` elements and CSS classes to target only the changed digits, rather than redrawing the entire map. It relies on D3’s `d3.nest` for hierarchical grouping, `d3.geo.albersUsa` for projection, and transitions on rectangle fills to animate the highlighting effect.

RRandomEtc
64% match
Loading thumbnail…

map mess

This example renders a world map using the Albers USA projection, with landmasses, country borders, and a graticule overlaid on a shaded sphere. A separate mark component attempts to map Michigan voting precincts from a TopoJSON source onto the same space, but the mismatched projections produce a glitchy, unintuitive visual mess. Hovering over the malformed shapes reveals the country-level tooltips from the world map. The visualization uses d3.geoPath, d3.geoGraticule, and d3.geoNaturalEarth1 with React and SVG rendering.

Zzach b.
63% match