Ver4 Earthquakes (past 30 days)

100%

Ver4 Earthquakes (past 30 days)

✓ Published0🌍 Public

Last edited Mar 27, 2024

Created on Mar 27, 2024

Forked from Ver3 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.

AI-generated description

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…

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

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

92% 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

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

88% 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

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

81% 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

80% 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

80% match