Aardbevingen NL - DatavizFest

100%

Aardbevingen NL - DatavizFest

✓ Published0🌍 Public

Last edited Feb 8, 2018

Created on Feb 8, 2018

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.

AI-generated description

Basic starting boilerplate for DatavizFest participants who want to work with the Earthquake data using D3.

This setup already loads in the data, and has two very basic approaches: a time based approach, and a geo based approach.

Just uncomment the lines for the approach that you want to use to get started, or you can come up with your own approach of course!

forked from <a href='http://bl.ocks.org/janwillemtulp/'>janwillemtulp</a>'s block: <a href='http://bl.ocks.org/janwillemtulp/638e3ec1703a99b8b3cd82be328e7313'>Aardbevingen NL - DatavizFest</a>

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

This visualization displays earthquake data for the Netherlands in June 2017, plotted as circles on an SVG canvas using D3 v4. The code includes two commented-out approaches: one mapping quake locations by latitude and longitude with `d3.scaleLinear` and `d3.scaleSqrt` for magnitude, and another plotting events over time using `d3.scaleTime` for date, linear scaling for magnitude, and `d3.scaleOrdinal` with `d3.schemeCategory10` for quake type. The data is loaded from a tab-separated text file via `d3.tsv`, with parsing and formatting handled manually. Currently, the render function runs but displays nothing because both rendering paths are commented out.

NNieneB

80% match

Loading thumbnail…

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

80% match

Loading thumbnail…

Aardbevingen in Groningen

Aardbevingen in Groningen is an animated map of earthquake activity in the northern Netherlands, drawn from a gist by allardw and rendered as SVG. The visualization plots seismic events on a geographic map of the region, using colored markers to indicate magnitude (val categories eq1–eq3) and encoding depth through visual cues. Each earthquake appears at its recorded location with a timestamp, and the animation sequentially reveals events over time, letting viewers follow the progression of seismic activity in the province. The data includes details such as magnitude, depth, and location name, with the animation highlighting the temporal distribution of the earthquakes.

Aallardw

77% match

Loading thumbnail…

A basic map with MapboxGL.js

This example visualizes earthquake data in the Netherlands on a Mapbox GL JS map. It renders point locations colored by earthquake type, with extruded buffers showing depth through varying heights, and labels displaying depth values. The style uses a vector tile source from PDOK for administrative boundaries and urban areas, while earthquake data comes from GeoJSON files hosted on GitHub. The map starts with a tilted perspective, and includes navigation controls for zoom and rotation.

NNieneB

77% match

Loading thumbnail…

A basic map with MapboxGL.js

A point and extrusion map of earthquakes in the Netherlands, styled with a custom MapboxGL style. It layers Dutch administrative boundaries and urban areas from PDOK vector tiles, then plots each earthquake as a circle colored by type (induced or tectonic) and radius scaled by zoom. A 3D fill-extrusion of each quake’s buffer visualizes depth, with labels showing recorded depth at higher zoom levels. The map runs in MapboxGL.js v0.44 using a JSON style with categorical color stops and zoom-dependent height interpolation.

NNieneB

76% match

Loading thumbnail…

A basic map with MapboxGL.js

This basic map example uses MapboxGL.js to visualize earthquake data in the Netherlands. It displays points colored categorically by quake type (induced vs. tectonic) with extruded buffer heights based on depth, overlaid on a base map of provinces and urban areas from the PDOK topotiles service. The map initializes with specific zoom, pitch, and bearing settings. An interactive hover effect on provinces displays the region’s name in a side panel, implemented through map event listeners and a dynamic layer filter. Depth labels appear at higher zoom levels.

NNieneB

76% match

Loading thumbnail…

A basic map with MapboxGL.js

This example shows a basic interactive map of the Netherlands, displaying earthquake data as colored circles and extruded 3D buffers. The map uses MapboxGL.js v0.44.0 to render vector tiles from the PDOK topotiles service and GeoJSON point and buffer data from GitHub. Circle radius and fill-extrusion heights are interpolated based on zoom level, while colors are assigned categorically by earthquake type. The code defines a full Mapbox style object inline, including sources, layers, and paint properties.

NNieneB

74% match

Loading thumbnail…

draft earthquake data

This visualization uses earthquake data from a USGS dataset to map seismic events by location and magnitude on a world map. Each earthquake is represented as a circle, with its size scaled by magnitude and its position determined by latitude/longitude coordinates. The depth of the quakes is encoded through color, creating a gradient from shallow to deep events. The map is rendered with SVG paths for continents, and a custom tooltip provides details on click or hover. Circles are drawn with D3's data-join and scaled using a linear magnitude scale, while the map projection and graticule are set up with D3's geo utilities. The visualization highlights the global distribution and intensity of recent seismic activity, with Nepal, Japan, and the South Pacific clearly standing out.

BBenHeubl

73% match