Skip to main content
100%

Gist 8393690

✓ Published0🌍 Public
Aadkatrit
Last edited Jan 13, 2014
Created on Jan 13, 2014

This visualization maps recent earthquake activity by plotting earthquake epicenters as colored markers on a geographic basemap. Each marker encodes magnitude and location, with point size and color reflecting the seismic strength of each event. The map is built using Leaflet.js with GeoJSON data from the USGS earthquake feed, and hovering over a marker reveals detailed metadata such as location name, depth, and time.

AI-generated description

Similar vizzes

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
83% match
Loading thumbnail…

Gist bb974dcf54acc39a81cb60d79bf0aa5c

This example plots earthquake epicenters as points on a map using GeoJSON features. It renders the geographic coordinates with `d3.geoPath` and a map projection, while each point is positioned via `d3.forceSimulation` to avoid overlapping labels. The visualization shows five recent seismic events, with the primary ID as magnitude and the secondary ID as a location description. The code uses D3’s force-directed layout to spread the point markers, and the map background likely comes from a geographic shapefile or topojson layer, making the data immediately readable by region.

JJn1532
81% match
Loading thumbnail…

Gist 220c74f4b10f7cac94fceecf9c09a313

This interactive map displays earthquake activity by combining two live data sources. It plots global earthquakes from the USGS GeoJSON feed alongside regional Italian seismic events retrieved as QuakeML XML, parsed client-side into GeoJSON. Each earthquake is rendered as a red circle marker whose radius scales with magnitude (with a minimum size), and quarry blasts are distinguished in magenta. Popups show time, magnitude type, magnitude, depth, and source catalog for each event. The map, built with Leaflet on an OpenStreetMap base layer, includes a scale bar and provides a comparative view of worldwide seismicity and regional Italian activity on the same day.

TThomasG77
79% 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
78% match
Loading thumbnail…

Earthquake Map

This map visualizes global earthquake activity from September 2015, plotting seismic events by magnitude and location. Circles sized by magnitude are positioned on a geographic basemap, with a diverging color scale distinguishing stronger quakes. The visualization reads earthquake records from a CSV containing time, coordinates, depth, and magnitude, and renders the data using SVG.

JJoeycz
77% 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
77% match
Loading thumbnail…

Ver2 of Earthquakes (past 30 days)

This map shows the locations of earthquakes from the past 30 days, with each event drawn as a circle scaled by magnitude and colored by depth. The visualization uses real-time GeoJSON data from USGS.gov, and each earthquake marker is hyperlinked to its corresponding USGS event page. Built with D3.js, the map colors circles along a gradient to represent depth, with clickable markers that open detailed information for each recorded earthquake.

Llingjizhu@gmail.com
76% 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