Skip to main content
SimilarExport ZIP
100%

GR MI ZIP Codes

✓ Published2🌍 Public
Zzach b.
Last edited Mar 7, 2021
Created on Jan 26, 2021

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.

AI-generated description

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

but zoomed.

MIT Licensed

Similar vizzes

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.
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.
86% 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.
85% 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.
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.
73% 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.
70% 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
68% 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
67% match