Skip to main content
SimilarExport ZIP
100%

Fork of Earthquakes on Map

✓ Published0🌍 Public
CChih-Hsin Chen
Last edited Apr 30, 2024
Created on Apr 30, 2024
Forked from 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.

AI-generated description

This map intuitively shows that the majority of the earthquakes occurred along the boundaries of the plates. There are more earthquakes around the Pacific Ocean than in other places on Earth. The region along the south coastline in Alaska and the west coast of America has the most seismic activity. These earthquakes are predominantly less than Magnitude 2.5 (M2.5). Luckily, this is a level that won't cause damage and is not felt by humans. Click and Check the Earthquake Magnitude Scale, cited from Michigan Tech.

  • use data from an API
  • circle size related to magnitude value
  • interaction: click circle and direct to a url
  • added color to the circles, according to depth (shallow, intermediate, deep)
  • added interaction: dragging to make the earth turn left and right.
  • added dropdown menus. User can select to view earthquakes by choosing depth and magnitude.
  • added tooltip
  • added zoom
MIT Licensed

Similar vizzes

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

Fork of Fork of Fork of Earthquakes (past 30 days)

This map shows all earthquakes from the past 30 days, with point size encoding magnitude and color encoding depth category (red for shallow, green for intermediate, blue for deep). The visualization overlays tectonic plate boundaries in orange, drawn from a GeoJSON dataset, atop a world map rendered from TopoJSON. Earthquake data is fetched live from the USGS feed, with each quake rendered as a circle positioned by its longitude/latitude, sized by magnitude (proportional to 1.5^mag), and colored by depth (shallow <70km, intermediate 70–300km, deep ≥300km). Circles link to the USGS event page. The map uses an equirectangular projection with graticule and outline, combining three data sources: country boundaries, tectonic plate boundaries, and recent earthquake records.

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

Ver6 Earthquakes

This visualization shows earthquakes from the USGS live feed on an interactive 3D globe, with circle size representing magnitude and color indicating depth category (shallow, intermediate, deep). Users can filter earthquakes using dropdown menus for depth and magnitude ranges. Clicking a circle opens the earthquake’s details page; hovering reveals a tooltip with location, time, and depth. The map uses d3.geoOrthographic with drag-to-rotate, and fetches world map data from topojson and tectonic plate boundaries as GeoJSON.

Llingjizhu@gmail.com
83% match
Loading thumbnail…

Ver3 Earthquakes (past 30 days)

This visualization displays global earthquake activity from the past 30 days on an interactive world map. Circles are positioned using a D3 geoEquirectangular projection, with circle size encoding earthquake magnitude. Color encodes depth, with red for shallow (<70km), green for intermediate (70-300km), and blue for deep (≥300km) earthquakes. The map also shows country boundaries, graticules, and tectonic plate boundaries. Users can click any earthquake circle to open its USGS details page in a new tab, or pan and zoom using the d3.zoom() interaction. Additional brush-based zooming is implemented to allow for more intuitive exploration of the data.

Llingjizhu@gmail.com
82% match
Loading thumbnail…

Fork of Ver6 Earthquakes_drb

This interactive visualization displays earthquake data from the USGS feed on an equirectangular world map, with tectonic plate boundaries overlaid. Users filter events by depth and magnitude through dropdown menus, while circle size encodes magnitude and color encodes depth category (shallow, intermediate, deep). The D3.js visualization supports dragging to rotate the globe, zooming, and clicking circles to open the USGS event page in a new tab. Hovering reveals a tooltip with magnitude, location, time, and depth. Data is fetched from the USGS GeoJSON API and the world atlas via `d3.geoEquirectangular` and `geoPath`.

DDonald Bagwell
82% match
Loading thumbnail…

Earthquake Map

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.

PPhilippe Rivière
81% match