fresh block

100%

✓ Published0🌍 Public

Last edited Feb 8, 2018

Created on Feb 8, 2018

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

This example shows a bar chart of earthquake magnitudes over time, using data fetched from the USGS earthquake feed. A bar is drawn for each recorded earthquake, with its height corresponding to the magnitude value. The visualization is built with D3 v4, using `d3.scaleBand` for the x-axis time categories, `d3.scaleLinear` for the y-axis magnitude range, and SVG rectangles styled with a steelblue fill. The axes are rendered via `d3.axisBottom` and `d3.axisLeft`.

MMTClass

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

75% match

Loading thumbnail…

Gist c91b7cdf3a65a705ef48

This example visualizes earthquake activity using a force-directed particle layout. Each circle is an earthquake, positioned by its longitude and latitude and scaled by magnitude; the particles are animated with a gentle jitter to reveal clustered events. The visualization is rendered with D3 v3 using SVG, mapping the `data.csv` fields—such as depth, magnitude, and location—to visual variables. A shared timeline and smooth transitions help the user explore the relationship between location, time, and earthquake strength across the dataset.

BBenHeubl

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

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

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

74% match

Loading thumbnail…

fresh block

This visualization displays monthly values as a line chart with circular markers, showing a basic time series of twelve data points from January through December 2016. The SVG rendering uses d3.svg.line with an ordinal x-scale and linear y-scale to map the data. Hovering over a grey circle highlights it in red, reveals the corresponding value as text above the point, and draws a dashed vertical line from the marker down to the chart baseline. The code relies on d3.json for data loading and d3.time.format for date parsing.

MMarineRu

74% match

Loading thumbnail…

fresh block

A rotating showcase of many map projections, this visualization cycles through a menu of options at a fixed interval, displaying the Netherlands as a shaded landmass within a graticule grid on a spherical outline. It uses D3 v3 with `d3.geo.path` to render SVG paths and fades between projections using TopoJSON data from `NLD_adm0.json`. Manually selecting a projection from the dropdown stops the automatic rotation.

MMicrobie

74% match