Belgian Map

100%

✓ Published0🌍 Public

Last edited Dec 8, 2022

Created on Nov 18, 2022

This animated map of Belgium visualizes the number of emergency calls per municipality over time using D3 v7. Fake CSV data is filtered by timestamp and displayed as expanding and contracting bubbles on an SVG map rendered with `d3.geoMercator` and `d3.geoPath`, using a TopoJSON topology. A retro-style digital clock, built with animated text and a clipping mask, indicates the current time step, while a legend shows the bubble scale.

AI-generated description

MIT Licensed

Similar vizzes

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 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

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 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

Loading thumbnail…

Untitled

This visualization combines a bubble map of emergency reports with a date histogram. It uses React to render a Mercator projection of the Netherlands, plotting each incident as a red circle based on its coordinates. The accompanying histogram, built with d3's scaling, binning, and time-series functions, displays the daily count of reported incidents. Both views read from a CSV file containing geolocation and timestamp data.

Ssri7harsha

73% match

Loading thumbnail…

Fork of Fork of Fork of 112 Multiple Views

This interactive visualization combines a map of the Netherlands with a synchronized date histogram to explore 112 emergency call data. A choropleth map displays individual incident locations as circles, while a linked brushable histogram below filters the map by date range. The visualization uses React with D3 v5’s `geoMercator` projection, `geoPath` for rendering municipal boundaries, and `brushX` for time filtering. Data comes from a CSV of geolocated emergency calls, with Dutch municipality boundaries loaded from TopoJSON.

GGuilinabaoge

73% match

Loading thumbnail…

Lets make a MAP with d3 :)

This interactive map displays the municipalities of the Netherlands, rendered as green SVG paths with orange borders atop a pink sphere. It uses the d3.geoPath and d3.geoMercator APIs to project TopoJSON data from cartomap.github.io. A red circle is also placed using a projection call, though its data binding appears incomplete. The visualization incorporates d3.zoom to enable pan and zoom interactions, which apply a transform to the map group.

SSimonPlanje

73% match

Loading thumbnail…

D3 Map Nederland

This interactive map of the Netherlands displays provincial boundaries, which users can click to zoom and highlight in red, with a click on the background resetting the view. Built with D3 v6 and TopoJSON, it uses `d3.geoPath` and a Mercator projection to render the shapes, while `d3.zoom` handles panning and scaling between 1x and 8x. The data loads from a remote TopoJSON file via `fetch`, and transitions animate the zoom and fill changes. Hover effects turn regions orange, and SVG elements are used for all rendering.

Llamartm

73% match