Skip to main content
SimilarExport ZIP
100%

Ver3 Earthquakes (past 30 days)

✓ Published4🌍 Public
Llingjizhu@gmail.com
Last edited Apr 10, 2024
Created on Mar 12, 2024

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.

AI-generated description

Previous

  • use data from an API
  • circle size related to magnitude value
  • interaction: click circle and direct to a url

Now

  • added color to the circles, according to depth (shallow, intermediate, deep)
  • added interaction: zooming and panning (using d3.zoom())
MIT Licensed

Similar vizzes

Loading thumbnail…

Ver4 Earthquakes (past 30 days)

This visualization displays earthquakes from the past 30 days on an interactive world map, with circle size representing magnitude. Circle color encodes depth category: red for shallow (less than 70km), green for intermediate, and blue for deep (300km or more). Users can zoom and pan using d3.zoom(), and clicking any circle opens the corresponding USGS earthquake report. The map uses d3.geoEquirectangular and d3.geoPath to render countries from topojson data and tectonic plate boundaries, while earthquake data is fetched live from the USGS API.

Llingjizhu@gmail.com
95% 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
91% 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
88% 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
87% 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…

Past 30 days Earthquakes on Earth

This visualization shows global earthquake activity over the past 30 days, plotting each event as a small blue dot on a world map with latitude and longitude projections. The map renders country boundaries and a graticule using `d3.geoNaturalEarth1` and `d3.geoPath` from the D3 library, while earthquake data loaded from a CSV file is filtered and positioned by the projection. The visualization loads world topology from a TopoJSON file via the `topojson-client` library, and updates dynamically as data is fetched asynchronously.

Llingjizhu@gmail.com
86% match
Loading thumbnail…

Ver4 Earthquakes

This visualization displays earthquake data from the USGS for the past week, with each earthquake’s position mapped using a geographic projection. Circle size encodes magnitude, and color encodes depth category (shallow, intermediate, or deep). Tectonic plate boundaries are overlaid in orange. Users can drag to pan the globe and scroll to zoom; clicking an earthquake opens its USGS detail page.

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