Seismic test

100%

✓ Published0🌍 Public

Last edited Jun 21, 2016

Created on Jun 20, 2016

An interactive map displays seismic data for the Portland area, including fault lines, liquefaction susceptibility zones, and station markers. Users can toggle layer visibility and adjust the return period slider to filter seismic hazard layers. The visualization uses Mapbox GL JS with custom vector tile sources for faults and service areas, styled through Mapbox Studio. A Bootstrap panel provides UI controls, while jQuery handles interactions, and station information updates on hover.

AI-generated description

Similar vizzes

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

70% match

Loading thumbnail…

April 6 class

This interactive map shows earthquake locations across the United States, plotted as crimson paths atop a zoomable OpenStreetMap tile layer. Using d3.geoMercator projection and d3.geoPath, it renders geographic features from TopoJSON state boundaries and GeoJSON earthquake data from the USGS weekly feed. The d3.zoom and d3.tile APIs enable pan and zoom, updating both vector paths and raster tiles in sync. A status readout displays latitude and longitude coordinates using projection.invert as the mouse moves.

MMTClass

70% match

Loading thumbnail…

recent earthquakes (live update)

This visualization shows recent earthquake locations on an interactive map, with live updates embedded from a Carto map hosted by Stamen. The page uses an iframe to display the map, which pulls data from a Carto builder URL and renders it with the user’s browser. The surrounding code loads d3.v4 via a CDN but does not directly implement any d3 visualization logic; instead, the map handles all geographic rendering and interaction externally. The example demonstrates how a simple HTML page can integrate a third-party, data-driven map without custom JavaScript, relying on the embedded service for earthquake data and display.

AAlan McConchie

70% match

Loading thumbnail…

earthquakes

This visualization maps global earthquake epicenters as points on a world map, with each point’s size encoding magnitude and its color representing depth. The GeoJSON data is plotted using a geographic projection, where the point geometry for each earthquake is rendered based on latitude and longitude coordinates. Magnitude values are mapped to graduated circle sizes, allowing quick comparison of seismic strength, while depth is encoded through a sequential color scale—typically from shallow (light) to deep (dark). The map reveals clusters of seismic activity along tectonic plate boundaries, such as the Pacific Ring of Fire, with larger circles indicating stronger earthquakes. Tooltips or hover interactions would reveal detailed attributes like date, magnitude, depth, and station count, making the visualization both an overview of global seismicity and a gateway to per-event details. The source data is from the USGS-style earthquake records, providing a clear, interactive way to explore historical earthquake distributions.

WWill Carter

70% match

Loading thumbnail…

class-07 demo

This visualization displays a week of earthquake data overlaid on a map of Oklahoma, using a tile-based OpenStreetMap basemap for geographic context. It plots earthquake epicenters as crimson paths, filtering out events below a 2.5 magnitude threshold. The map uses a Web Mercator projection via `d3.geoMercator` and renders geographic features with `d3.geoPath`, including state and county boundaries from TopoJSON files. The basemap is composed of image tiles fetched from the OpenStreetMap tile server using the `d3.tile` API. Earthquake data is sourced from a local GeoJSON file rather than the live USGS feed.

MMTClass

70% match

Loading thumbnail…

[Working with spatial data](https://github.com/enjalot/wwsd)

This example demonstrates how to visualize earthquake data from the USGS live GeoJSON feed on an interactive Mapbox-gl map. It plots the past day's magnitude 2.5+ earthquakes as points, with each point positioned according to its geographic coordinates. The map is built using Mapbox-gl and D3, showing how to integrate external GeoJSON data with a web-mapping library. The visualization provides a real-time view of global seismic activity, with earthquakes displayed as markers across the world map.

AAlan McConchie

69% match

Loading thumbnail…

Easy earthquakes

A user’s geolocation triggers a real-time map animation of earthquakes, shown as expanding colored circles on a dark Mercator projection of world borders. The visualization pulls geographic data from CartoDB via SQL queries, using `cartodb.SQL` to fetch user locations and map features, while D3.js renders SVG paths and animated circles. Circle color encodes earthquake category through a logarithmic scale, and each pulse expands and fades over two seconds before repeating, with zoom and pan supported via `d3.behavior.zoom`.

Aandrewxhill

69% match

Loading thumbnail…

Earthquake Map

This interactive map plots global earthquake data from September 2015, with each event shown as a circle scaled by magnitude and colored by depth. The visualization uses an SVG world map as the base, with earthquake locations marked from the earthquakes.csv dataset. Hovering over a circle reveals details about the earthquake, including its magnitude, depth, and location description. The rendering emphasizes the distribution of seismic activity along tectonic plate boundaries, with the cluster of recent earthquakes off the coast of Chile prominently visible.

Aantonio-rodrigues

69% match