Skip to main content
100%

Commutes 2012 - Oldskool style

✓ Published0🌍 Public
Aallardw
Last edited Oct 12, 2017
Created on Jan 8, 2016

This interactive map shows the number of commuters to Dutch municipalities in 2012, based on CBS Statline data. Clicking a municipality switches its fill to a line texture and displays scaled, rotated arrows on other municipalities, oriented toward the selected location. The visualization uses D3 v3 with a Mercator projection, `d3.geo.path` for SVG rendering, and Textures.js for pattern fills. Arrow size encodes commuter volume, with pan and zoom via `d3.behavior.zoom`.

AI-generated description

This map shows the number of commuters to Dutch municipalities in 2012. Click on a municipality to see were the commuters working there are living. Source: CBS Statline Texture styling with [Textures.js] (http://riccardoscalco.github.io/textures/)

Similar vizzes

Loading thumbnail…

Commutes 2012 - Oldskool style

This interactive map visualizes commuter flows between Dutch municipalities in 2012. Clicking a municipality highlights the selected area with a line texture and reveals the residential origins of its workers using circle-textured fills on other regions. The visualization is rendered with SVG and animation, built with D3.js v3, and uses custom texture patterns from Textures.js to distinguish data categories. It also supports zoom and pan, with a legend indicating clickable municipalities.

PPhilippe Rivière
94% match
Loading thumbnail…

Commutes 2012

Commutes 2012 visualizes commuter flows between Dutch municipalities using a choropleth map. Clicking a municipality recolors all regions by the number of residents working there, with darker shades indicating higher counts. Animated arrows, rotated via `d3.transition` with an elastic ease, point from each municipality toward the selected destination, with arrow lengths scaled proportionally to commuter volume. Built with D3 v3, it uses `d3.geo.path`, `d3.geo.mercator`, and `d3.behavior.zoom`. Data comes from CBS Statline, rendered as SVG with interactive zoom and pan.

Aallardw
93% match
Loading thumbnail…

Commuters between municipalities

This interactive map shows the number of commuters to Dutch municipalities in 2012. Clicking a municipality recolors all municipalities according to how many of their residents commute to the selected one, with darker reds indicating higher counts. The visualization uses D3 v3 with `d3.geo.path` and a Mercator projection to render the map from GeoJSON, while commuter data is loaded from a TSV file. Colors are assigned via a linear scale mapping value ranges to a sequential palette.

Aallardw
87% match
Loading thumbnail…

D3 Map Nederland

An interactive choropleth of the Netherlands' 2020 municipalities allows users to click any region, which highlights it in red and smoothly zooms in via a geometric zoom transform. The map renders SVG paths using d3.geoPath with a Mercator projection, while interaction relies on d3.zoom for pan/zoom transitions. Hovering turns a municipality orange. Data comes from a remote TopoJSON file of the `gemeente_2020` boundaries, styled with light gray fills and subtle black strokes.

BBrian Bawuah
74% 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
74% match
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
73% match
Loading thumbnail…

English

This map of the Netherlands shows population density per neighborhood (wijk) using a color scale, alongside train tracks and station locations. A Voronoi diagram highlights which station is closest to any given point. The visualization uses `d3.geoPath` and the `d3.geoAlbers` projection with zoom on click, while `d3.scaleThreshold` and `d3.schemeGnBu` define the choropleth. Hovering reveals neighborhood names, population, density, and average distance to a station. Data sources include CBS and NS, rendered as SVG with D3 v4.

JJulesBlm
73% 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
73% match