GR — VizHub

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.

77% match

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.

75% match

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.

72% match

Groninger gemeenten

The visualization displays the municipalities of the Dutch province of Groningen as a static choropleth-free map. It shows the boundaries and spatial arrangement of twelve named gemeenten, including Groningen, Delfzijl, and Oldambt. The map uses the d3.geoMercator projection and d3.geoPath to render GeoJSON features fetched from an ArcGIS REST service (ESRI’s Levende Atlas), with the projection fitted to the viewport via projection.fitSize. The SVG is sized responsively with a viewBox attribute. No interactive elements or color encodings are present beyond the default black vector paths.

68% match

Gist 3d7c0da4efc292e95700cda51537747d

This map visualizes the twelve municipalities of the Dutch province of Groningen, showing their boundaries as empty polygons with no fill. It uses a D3 v4 geoMercator projection centered on the province, with each municipality rendered as an SVG path element. The geographic data comes from the PDOK WFS service, requested as GeoJSON via d3.json. The map applies a gray stroke to outline each municipality, while intentionally leaving the polygons unfilled to emphasize the administrative borders over any thematic data.

Groninger gemeenten

The visualization displays the municipalities of the Dutch province of Groningen as an interactive SVG map. It uses D3.js v4 to render geographic paths from GeoJSON data, while Turf.js rewinds the polygon coordinates to ensure correct orientation. The map is projected with `d3.geoMercator` and fitted to the viewport using `projection.fitSize`. Hovering over a municipality triggers a tooltip with the municipality name, and the `path:hover` CSS rule highlights the area in orange. Boundary data originates from the PDOK WFS service, fetched via a URL with a CQL filter for selected gemeenten.

Groninger gemeenten

This example visualizes the municipalities of the Dutch province of Groningen as a static SVG map. It shows the administrative boundaries of twelve selected gemeenten, using a Mercator projection fitted to the viewport. The visualization loads GeoJSON data from a PDOK WFS service, which provides the official administrative borders. The code uses D3 v4 with `d3.geoMercator` for projection and `d3.geoPath` to generate the SVG paths, appending a single `<path>` element per municipality within a 700×400 viewBox.

Groninger gemeenten

This map shows the municipalities of the northern Netherlands, with each municipality rendered as an SVG path using D3 v4 and TopoJSON data. The map uses a Mercator projection fitted to the viewport. Hovering over a municipality triggers a tooltip that displays the municipality’s name, creating an interactive way to explore the region. The visualization is built with D3.js and TopoJSON, with the geographic data processed in Mapshaper.