Aardbevingen in Groningen

Aardbevingen NL - DatavizFest

This visualization maps over 700 recorded earthquakes in the Netherlands between 1986 and 2017. Each earthquake is represented as a circle on a map of the country, with circle size encoding magnitude and color encoding depth. The dataset is loaded from a tab-separated text file containing location, time, magnitude, and depth for each event. Clicking on a circle reveals a tooltip with details such as the date, location, and magnitude. The map uses an SVG projection of the Netherlands, and the earthquakes are positioned by latitude and longitude coordinates. A subtle animation on load highlights the distribution of seismic activity across the region.

Aaaronboogaard

77% match

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.

72% match

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.

69% 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.

69% 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.

A basic map with MapboxGL.js

This interactive web map visualizes earthquake locations in the Netherlands, distinguishing between induced and tectonic events through color-coded circles whose size scales with zoom level. Built with MapboxGL.js, the map overlays GeoJSON point data onto vector tiles from PDOK, incorporating Dutch administrative boundaries, urban areas, and place labels from the same source. The custom style file defines categorical circle colors, zoom-dependent radius stops, and three label priority layers, while the HTML page sets initial camera position, pitch, and bearing.

NNieneB

Neighbourhoods in the Province of Groningen

The map shows neighbourhoods in the province of Groningen, coloured by population density (BEV_DICHTH). Each district is represented as a vector polygon with a fill colour that encodes density, likely using a sequential colour scale. The map is rendered as an SVG from a GeoJSON file containing multipolygon geometries and attribute data, where the visualization draws the boundaries of each neighbourhood and colours them according to the density values. The overall design appears to be a straightforward choropleth map, focusing on the spatial distribution of population density across the province’s neighbourhoods.

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.