Visualization of Earthquakes since 1965 by position and magnitude

100%

Visualization of Earthquakes since 1965 by position and magnitude

✓ Published0🌍 Public

Last edited Sep 18, 2020

Created on Sep 14, 2020

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.

AI-generated description

A world map showing earthquakes with magnitude and dates since 1965 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.

MIT Licensed

Similar vizzes

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

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

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

80% match

Loading thumbnail…

Significant Earthquake in World: 1970-2019

This interactive scatterplot visualizes significant earthquakes from 1970 to 2019, plotting attributes like magnitude, focal depth, and year on selectable X and Y axes via React dropdowns. Each point’s color indicates tsunami occurrence, with a color legend that fades non-hovered categories on mouseover. Built with React and D3 v5, the chart uses d3.scaleLinear, d3.scaleOrdinal, and SVG circles for marks, and includes axes rendered via custom React components. Data comes from the NOAA significant earthquake database, loaded as CSV through d3.csv.

Gguangxinhu

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

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

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

77% match

Loading thumbnail…

D3 - Scatterplot

This scatterplot visualizes earthquake data, plotting the significance level of earthquakes on the x-axis against their magnitude on the y-axis. Built with React and D3 v7, it renders an SVG chart with a light gray background, labeled axes, and title. The code uses `d3.csv` to load data from a GitHub Gist, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.axisBottom` and `d3.axisLeft` to generate ticks. Individual data points are drawn as purple circles with the `.dot` class, with the chart layout adjusted through SVG `rect`, `g`, and `line` elements.

CChandana Srinivas

77% match