Earthquakes since 1965

100%

Earthquakes since 1965

✓ Published0🌍 Public

Last edited Nov 2, 2020

Created on Sep 23, 2020

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.

AI-generated description

A world map showing earthquakes with magnitude and dates since 1965 (a realization of my first sketch) constructed using the vega-lite-api. The Significant Earthquakes from 1965 dataset has been used for this visualization. This dataset contains information of earthquakes all over the world that took place from 1965. Dataset obtained from Kaggle. Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

Upon hovering onto any point, the tooltip displays the name of the Country and the Magnitude of the earthquake.

FUTURE WORK:

Include zoom option on the Map
Include a filter to visualize earthquakes by Year

MIT Licensed

Similar vizzes

Loading thumbnail…

Visualization of Earthquakes since 1965 by position and magnitude

This visualization displays global earthquakes since 1965, with each event marked by a small triangle whose height encodes magnitude and color encodes country. The map uses a natural Earth projection rendered with d3.geoPath, while D3 scales control triangle geometry and color assignment. React manages the component structure, and the dataset comes from the Significant Earthquakes from 1965 Kaggle dataset. Hovering a triangle reveals a tooltip with coordinates, magnitude, and date.

VVarun Eranki

89% match

Loading thumbnail…

Earthquakes, 5.0 and up, Aug. 2016 - Aug. 2017

This map visualizes the geographic distribution of earthquakes with a magnitude of 5.0 or higher, recorded from August 2016 to August 2017. Each earthquake is depicted as a circle, with its size and color scaled according to magnitude, using a yellow-to-red gradient. The visualization employs the D3.js library, specifically `d3.geo.equirectangular` for the map projection, `d3.geo.path` for rendering landmasses, and `d3.scale.sqrt` for scaling circle radius and color. Data is sourced from a CSV file, and the final output is rendered as an SVG with WebGL support.

LLorienMCS

84% match

Loading thumbnail…

Significant Earthquake in World: 1970-2019

This visualization maps significant earthquakes from 1970 to 2019 on a world map, with bubble size encoding focal depth and color distinguishing tsunami-generating events. Hovering a point filters the display to that event type and reveals its coordinates. The React app uses d3.geoNaturalEarth1 and d3.geoPath to render landmasses from World Atlas TopoJSON, while d3.scaleSqrt and d3.scaleOrdinal map earthquake attributes. Data comes from the NOAA Significant Earthquake Database, loaded via d3.csv.

Gguangxinhu

84% match

Loading thumbnail…

Most earthquake prone areas by depth (since 1965)

This visualization displays earthquake-prone areas worldwide since 1965, with each firebrick circle sized proportionally to earthquake depth using a square-root scale. The map uses a Natural Earth projection rendered through React and d3.geoPath, featuring land masses, country interiors, graticules, and a sphere background. Earthquake data, preprocessed from a Kaggle dataset, is loaded via d3.csv, while country boundaries come from World Atlas TopoJSON, processed with topojson’s feature and mesh functions. Circle opacity and size emphasize depth variations across regions.

VVarun Eranki

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

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

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

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

83% match