Skip to main content
100%

recent earthquakes (live update)

✓ Published0🌍 Public
AAlan McConchie
Last edited Mar 24, 2018
Created on Mar 24, 2018

This visualization shows recent earthquake locations on an interactive map, with live updates embedded from a Carto map hosted by Stamen. The page uses an iframe to display the map, which pulls data from a Carto builder URL and renders it with the user’s browser. The surrounding code loads d3.v4 via a CDN but does not directly implement any d3 visualization logic; instead, the map handles all geographic rendering and interaction externally. The example demonstrates how a simple HTML page can integrate a third-party, data-driven map without custom JavaScript, relying on the embedded service for earthquake data and display.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Easy earthquakes

A user’s geolocation triggers a real-time map animation of earthquakes, shown as expanding colored circles on a dark Mercator projection of world borders. The visualization pulls geographic data from CartoDB via SQL queries, using `cartodb.SQL` to fetch user locations and map features, while D3.js renders SVG paths and animated circles. Circle color encodes earthquake category through a logarithmic scale, and each pulse expands and fades over two seconds before repeating, with zoom and pan supported via `d3.behavior.zoom`.

Aandrewxhill
76% 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
75% match
Loading thumbnail…

EarthQuakes Bubblegraph

This visualization displays recent significant earthquakes as a bubble graph, plotting each seismic event as a circle positioned by its magnitude. The interactive map, rendered as an SVG canvas, uses mouseover events to highlight individual quakes and display their location and magnitude in a text element. Built with React and D3.v5, the code fetches live data from the USGS Earthquake API, styling each bubble with radius scaled to magnitude and colored by alert level, set against a stylized blue background.

SSreenivasulu
74% match
Loading thumbnail…

Interactive Visualization (Brush) - Earthquake Data

This interactive dashboard visualizes earthquake data with three synchronized views: a bar plot of regional death tolls, a world map showing earthquake locations with circle radii scaled by Richter magnitude, and a line chart depicting global deaths by year. The code uses d3.geoPath with a Mercator projection to render the map, while d3.brush enables year selection that updates all views. Hovering over map regions triggers tooltips via mouseover events, and a legend explains the Richter scale. Data is loaded via d3.csv from an external gist URL, with d3.scaleLinear and d3.scaleBand managing the axes.

JJunying Li
74% match
Loading thumbnail…

Easy earthquakes

The visualization animates a chronological sequence of earthquakes on a world map, with each quake appearing as a red circle that expands and fades based on its magnitude. It shows earthquake locations and relative strengths over time, looping through the dataset repeatedly. The map uses a d3.geo.mercator projection with d3.geo.path to render world borders from CartoDB’s SQL API, while earthquake data is fetched via `cartodb.SQL` and drawn as SVG circles with d3 transitions. Zooming and panning are enabled through `d3.behavior.zoom`.

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

April 6 class

This interactive map shows earthquake locations across the United States, plotted as crimson paths atop a zoomable OpenStreetMap tile layer. Using d3.geoMercator projection and d3.geoPath, it renders geographic features from TopoJSON state boundaries and GeoJSON earthquake data from the USGS weekly feed. The d3.zoom and d3.tile APIs enable pan and zoom, updating both vector paths and raster tiles in sync. A status readout displays latitude and longitude coordinates using projection.invert as the mouse moves.

MMTClass
74% match
Loading thumbnail…

Interactive Visualization (One Menu) - Earthquake Data

This interactive visualization displays earthquake data from 1900 to 1999, combining a world map and a bar chart. The map uses `d3.geoMercator` and `d3.geoPath` to render earthquake locations as circles, with radius representing Richter magnitude. The bar chart aggregates total deaths by region, updating via a dropdown menu that filters data by twenty-year intervals. Both SVG visualizations share the same dataset, loaded from a CSV file, and employ D3 v7’s data-join and transition methods for updates.

JJunying Li
74% match