Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

New code structure

Public visualization

Viewing a saved revision (read-only)

2ed7d7ab34574ffb93898a79bef9449e

New code structure

0 stars0🌍 Public
Mmbergevoet
Last edited Nov 27, 2020
Created on Nov 25, 2020

This interactive map visualizes where parking facilities are located relative to city centers across the Netherlands, with buttons to filter parking spots for Amsterdam, Den Haag, Rotterdam, and Utrecht. The visualization uses d3.geoMercator and d3.geoPath to project Dutch township boundaries from TopoJSON, while parking locations are fetched from the RDW Open Data API, cleaned, and drawn as blue circles around a red city center marker. The code relies on d3.select, d3.json, d3.zoom, and TopoJSON's feature extraction, with SVG rendering and transition-based animations for zoom resets.

AI-generated description