Gist b62153d4a07669c8305bc65ebaf7f381

100%

Gist b62153d4a07669c8305bc65ebaf7f381

✓ Published0🌍 Public

Last edited May 26, 2019

Created on May 26, 2019

This visualization shows a map of Dutch municipalities (gemeenten) rendered from a TopoJSON topology file. The SVG-based map uses D3 v4 to draw geographic boundaries, with each municipality outlined as individual paths. The animation animates the paths when the visualization loads, drawing the boundaries in sequence. The data source is a TopoJSON file containing the geometry of the Dutch municipal divisions, which is loaded and converted for display. The visualization highlights the boundaries between municipalities across the Netherlands, with the animated drawing effect emphasizing the shapes and spatial relationships of the regions.

AI-generated description

Similar vizzes

Loading thumbnail…

D3 Map Nederland

This visualization displays an interactive map of Dutch municipalities, allowing users to click any region to zoom in and highlight it in red. Hovering turns municipalities orange, and clicking the background resets the view. Built with D3 v6 and TopoJSON, it uses a Mercator projection via `d3.geoPath` and implements zoom/pan with `d3.zoom`, applying smooth transitions through `transition.attrTween`. Municipal boundary data comes from a remote TopoJSON file fetched at runtime, rendered as SVG paths with animated scaling.

Ssreen020

85% match

Loading thumbnail…

D3 Map Nederland

This example renders a choropleth map of Dutch municipalities using the D3 v5 library and TopoJSON data from cartomap.github.io. It draws each municipality as an SVG path using d3.geoPath with a geoMercator projection centered on the Netherlands. The code fetches the TopoJSON file, converts it to GeoJSON with topojson.feature, and appends the paths to an SVG group. The visualization demonstrates basic map projection and geographic data rendering with D3’s geo module.

ZZekkieB

85% match

Loading thumbnail…

Gist d214dcd214bbefa0eeb55b6f7d209c33

This visualization shows a TopoJSON map of Dutch administrative regions, rendered as vector shapes defined by coordinate arcs. The data file, named "arrondissementsgebieden.json" (Dutch for "districts areas"), contains geospatial boundary data that is displayed as a static map. The arcs encode the outlines of the regions, and the visualization likely uses D3.js or similar to project and render these coordinates as an interactive or static choropleth-style map, though no styling or color encoding is present in the raw data. The example demonstrates how raw topological data can be parsed and displayed as a map of regional boundaries.

FFrieseWoudloper

85% match

Loading thumbnail…

D3 Map Nederland

This example displays a zoomable map of Dutch municipalities using SVG paths colored light blue with dark outlines. Hovering highlights each region in blue, and a title tooltip reveals the municipality name and ID. The visualization uses D3 v5 with `d3.json` to load TopoJSON data, `d3.geoMercator` for projection, `d3.geoPath` for rendering, and `d3-zoom` for interaction. Data comes from the cartomap GitHub-hosted `gemeente_2020.topojson` file.

JJordy Fronik

85% match

Loading thumbnail…

D3 Map Nederland

This example displays an interactive map of Dutch municipalities, coloring each region in light blue with black outlines and highlighting areas in solid blue on hover. The visualization loads geographic data from a TopoJSON file and renders it as SVG paths using D3 v5 with a Mercator projection. It employs d3.json to fetch the data, d3.geoPath with geoMercator for drawing shapes, and includes d3-zoom.v2 for potential panning and scaling capabilities. The hover effect is implemented through CSS, and each municipality includes a tooltip showing its name and ID.

Mmbergevoet

84% match

Loading thumbnail…

D3 Map Nederland

This interactive map of the Netherlands highlights individual municipalities, rendered as SVG paths and colored dark with light strokes. The visualization uses `d3.geoPath` with a Mercator projection, and `d3.zoom` enables panning and zooming. Clicking a municipality triggers a smooth transition that fills the selected region in red and zooms in on its bounds. The geographic data comes from a TopoJSON file fetched from Cartomap, and the map animates using D3 transitions.

CChubby Racoon

84% match

Loading thumbnail…

Fork of D3 Map Nederland

This interactive map of Dutch municipalities uses D3.js and TopoJSON to display the 2020 administrative boundaries. Users can click any municipality to zoom in and highlight it in red, while hovering turns regions orange. The visualization implements pan and zoom controls via d3.zoom, with smooth transitions between zoom levels. Geographic projections are handled with d3.geoMercator and d3.geoPath, loading data from a remote TopoJSON source. The SVG-based rendering includes dynamic stroke scaling to maintain consistent border visibility during zoom operations.

Tttummala17

83% match

Loading thumbnail…

Gist dbbbf5036a38b2eb912d97805615c7f5

This visualization displays a single choropleth-style map of the Netherlands, showing generalized administrative regions for 2019. It uses a Mercator projection to render geographic boundaries as SVG paths. The code relies on D3.js v3, specifically `d3.geo.mercator` for projection and `d3.geo.path` to draw the shapes, while fetching GeoJSON data from the Dutch national geodata WFS service. The map is rendered on a 1200×500 pixel canvas with no additional styling or interaction.

FFrieseWoudloper

83% match