Skip to main content
SimilarExport ZIP
100%

Significant Earthquake in World: 1970-2019

✓ Published0🌍 Public
Gguangxinhu
Last edited Oct 24, 2019
Created on Oct 9, 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.

AI-generated description

This is a visualization of the dataset National Geophysical Data Center / World Data Service (NGDC/WDS): Significant Earthquake Database. National Geophysical Data Center, NOAA significant earthquake database contains information on destructive earthquakes from 1970 to the present. The world map behind the points is a Mercator type map using the World Atlas TopoJSON. The points are off by a small fraction (down and to the left) however it fits much better on the Mercator projection over the Natural Earth projection. When the user hovers over each point, they can see the latitude and logitude of that deployment.

MIT Licensed

Similar vizzes

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

earthquake

This scatter plot visualizes earthquake frequency by year, with each orange circle representing a data point and the y-axis labeled "nums_of_earthquake." The visualization uses d3.csv to load data from a remote earthquakes dataset, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render tick marks and gridlines. The SVG chart is generated with d3.v5, applying margin-based layouts, axis labels, and a title, while styling circles and text through external CSS.

Eedxiao97
80% match
Loading thumbnail…

Worldwide Earthquake stats 2000-2015

This visualization displays earthquake statistics from 2000 to 2015, plotting the count of magnitude 8.0+ earthquakes per year as orange circles on an SVG canvas. The data is loaded from a CSV file and rendered using D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `select` APIs, with gridlines generated via `tickSize`. Circle positions map year and earthquake count through the x and y scales, while axis labels and a title are added as SVG text elements.

Eedxiao97
80% match
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
80% match
Loading thumbnail…

Significant Earthquake Database

This visualization plots significant earthquake events from NOAA’s Significant Earthquake Database as circles, with the x-axis showing the year and the y-axis showing magnitude. Circle color encodes earthquake duration in seconds, and hovering reveals the magnitude via tooltip. Using Vega-Lite API with d3.csv for data loading, the chart renders in SVG across the full viewport. The code configures axis styling and dark text through a custom Vega-Lite config object, with marks set to semi-transparent circles for overlapping event visibility.

Gguangxinhu
79% match
Loading thumbnail…

Ver2 Earthquake Scatter Plot

This visualization plots earthquake magnitude against time using data from the USGS all-week GeoJSON feed, with points colored by depth category (shallow, intermediate, deep). The main scatter plot includes hover tooltips showing magnitude, location, time, and depth, while a context view below displays the full dataset with a d3.brushX selection that filters the primary view to a brushed time interval. Built with D3 v7 and React, the visualization uses scaleLinear, scaleOrdinal, and utcFormat to render the charts.

Llingjizhu@gmail.com
79% match