Magnitude vs Depth
This scatterplot visualizes the relationship between earthquake magnitude and depth using data from the Significant Earthquakes from 1965 dataset. Interactive dropdown menus filter data points by magnitude ranges (e.g., 5-6, 6-7) and depth ranges (e.g., 0-250, 251-500 km). Hovering over a circle reveals a tooltip with the country, date, magnitude, and depth. Built with React and D3 v5 (using `scaleLinear` and `extent`), the visualization uses SVG circles, with axes rendered by custom components (`AxisBottom`, `AxisLeft`).
AI-generated descriptionA scatterplot showing Depth vs Magnitude for earthquakes across all continents since 1965 (a realization of my third sketch). 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.
The Dropdown menus on the top allows to select any particular range of both the attributes - Depth and Magnitude. This might be helpful to study earthquakes in a particular region and depth-range/magnitude-range. Upon hovering onto any data point on the plot, information regarding Country Name, Date of when the earthquake has occurred, its Magnitude and its Depth can be seen.
Initially, I thought of including the Horizontal Distance on X-axis and indicate Magnitude by Luminance. But this did not come out well as 99% of all the data points have the same value for Horizontal Distance. Hence, I changed path and cam up with this plot to better understand the relationship between these two features.