Skip to main content
SimilarExport ZIP
100%

Earthquake Map

✓ Published0🌍 Public
PPhilippe Rivière
Last edited Jun 25, 2016
Created on May 23, 2016

This map visualizes global earthquakes using D3.js, plotting each event as a colored circle on a dark equirectangular projection. Circle size and color encode earthquake magnitude, with the data sourced from a CSV file of USGS earthquake records. The map employs an SVG rendering and includes a polar fisheye distortion effect, initially centered on Japan, that magnifies the map around the cursor's position. The fisheye implementation uses D3’s projection and custom fisheye.js, with event handling throttled for performance.

AI-generated description

forked from <a href='http://bl.ocks.org/pnavarrc/'>pnavarrc</a>'s block: <a href='http://bl.ocks.org/pnavarrc/55e9082ac7a5a344b4ee'>Earthquake Map</a>

forked from <a href='http://bl.ocks.org/jonpage/'>jonpage</a>'s block: <a href='http://bl.ocks.org/jonpage/1501dd6f6a4812073a53'>Earthquake Map</a>

forked from <a href='http://bl.ocks.org/jgondin/'>jgondin</a>'s block: <a href='http://bl.ocks.org/jgondin/67bc3e6bb9e1387d2b663d595ae0a347'>Earthquake Map</a>

forked from <a href='http://bl.ocks.org/Fil/'>Fil</a>'s block: <a href='http://bl.ocks.org/Fil/1b574a4185a04273de47b49591243102'>Earthquake Map with fisheye (polar)</a>

Similar vizzes

Loading thumbnail…

Earthquake Map

This map visualizes global earthquake activity over a two-week period in September 2015. Each circle marks an earthquake, sized by magnitude and colored by depth, with larger and darker circles indicating stronger, shallower events. The visualization uses the D3.js library to project earthquake epicenters onto a world map, with a legend clarifying the depth-color mapping and magnitude scaling. The map is rendered with SVG, with circles positioned by latitude and longitude coordinates from the dataset. The included data shows a cluster of significant seismic activity off the coast of Chile, as well as events across the Pacific Ring of Fire. The visualization effectively communicates the global distribution of earthquakes and relative intensities through its circle sizing and color scheme.

PPhilippe Rivière
87% 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
86% 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
86% match
Loading thumbnail…

Earthquakes on Map

This map visualizes global earthquake activity from the past week, highlighting that most events cluster along tectonic plate boundaries, particularly around the Pacific Ocean. Circle size corresponds to magnitude, while color indicates depth category (shallow, intermediate, deep). The visualization uses D3’s geoEquirectangular projection, fetch and json for loading data from the USGS earthquake feed and tectonic plate GeoJSON, and includes dropdown menus to filter by depth and magnitude. Users can click circles to open earthquake detail pages, drag to rotate the globe, and zoom via D3’s zoom and drag interactions.

Llingjizhu@gmail.com
84% match
Loading thumbnail…

Earthquakes since 1965

This world map displays significant earthquakes since 1965, using circles sized by magnitude, with tooltips showing country and magnitude. The visualization renders on an SVG canvas using React and D3 v5, employing `geoNaturalEarth1` projection with `geoPath`, `geoGraticule`, and world atlas TopoJSON for land boundaries. Earthquake data comes from a cleaned CSV of the Kaggle USGS dataset. Semi-transparent red circles encode magnitude through a square-root scale, overlaid on light blue oceans and green landmasses.

VVarun Eranki
83% match
Loading thumbnail…

Ver6 Earthquakes

This interactive map visualizes the world's recent earthquakes as colored circles on a geographic projection. Users can filter the display by earthquake depth and magnitude through dropdown menus, revealing patterns in seismic activity. Circle size corresponds to magnitude, while color indicates depth category (shallow, intermediate, or deep). The visualization uses d3.geoEquirectangular to project the map, fetches live earthquake data from the USGS API, and includes tectonic plate boundaries for context. Earthquake circles link to event detail pages and display a tooltip with magnitude, location, time, and depth on hover. Users can drag the globe to pan the world view.

Llingjizhu@gmail.com
82% 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
82% match
Loading thumbnail…

Fork of Earthquakes on Map

This map depicts global earthquake epicenters, with circle size scaled by magnitude and color coding by depth category—shallow (red), intermediate (blue), and deep (green). Tectonic plate boundaries overlay the landmasses, visually confirming that seismic activity concentrates along plate edges. The visualization uses d3-geo projections, topojson for world map data, and USGS earthquake feed JSON. Interactive features include drag-to-rotate, zoom, dropdown filters for depth and magnitude, tooltips, and clickable circles that open event details.

CChih-Hsin Chen
81% match