Taiwan Earthquake

100%

Taiwan Earthquake

✓ Published1🌍 Public

Last edited May 10, 2024

Created on Apr 30, 2024

This visualization analyzes one year of earthquake data from Taiwan’s Central Weather Administration, showing seismic activity on a zoomable Mercator map and an interactive scatterplot. Users can select a year and adjust the x and y axes to explore correlations between magnitude, depth, and other attributes. The map uses d3.geoPath with topojson to render county boundaries, while the scatterplot applies d3.scales and axes. Circles are sized by magnitude and colored by selected categories, with hover tooltips and a legend that updates dynamically.

AI-generated description

Welcome to my project. The dataset I picked is the earthquake data in Taiwan.

Tasks I want to explore are:

Where do earthquakes of higher magnitude or depth tend to occur more frequently? In which city or county in Taiwan? In which region of Taiwan?
Is there any correlation between the magnitude of earthquakes and their focal depth?
How do the frequency and magnitude of earthquakes vary over time?

The website contains visualizations for other tasks. Please take a look at Tasks 3, 4 and 5.

You could interact with the map and scatterplot by choosing a specific year, the x attribute, and y attribute of the scatterplot and mouse over the dots in the plot.

Things to do:

Change the color of the heatmap and make it more clear.
Add tooltip to heatmap.

MIT Licensed

Similar vizzes

Loading thumbnail…

1116 Taiwan Earthquake

This visualization explores Taiwan’s earthquake patterns from 1973 to 2024 using a d3-geoMercator map and an interactive scatterplot. Users can filter by year and select attributes for the x-axis, y-axis, and color encoding, while hovering reveals tooltips. The code uses d3.json and d3.csv to load TopoJSON county boundaries and earthquake records, with d3.geoPath rendering the map. A heatmap additionally shows earthquake frequency across magnitude ranges over time, built with d3.scaleOrdinal.

Cchyang.be10@nycu.edu.tw

92% match

Loading thumbnail…

Fork of 1116 Taiwan Earthquake

This interactive visualization explores Taiwan earthquake data from 1973 to 2024, showing on a map where earthquakes of higher magnitude or depth occur, and using a scatterplot to examine correlations between magnitude and focal depth. Users can select a year via slider and choose attributes for the scatterplot axes and color encoding. A heatmap reveals frequency of magnitude ranges over time. Built with D3 v5, the map uses `d3.geoMercator` projection and TopoJSON county boundaries, while the scatterplot employs `d3.zoom` and custom scales. Earthquake data comes from the Taiwan government’s open dataset.

XXyfer

91% match

Loading thumbnail…

Fork of Taiwan Earthquake

This interactive visualization explores Taiwan earthquake data, showing a map of seismic activity and a linked scatterplot to investigate spatial patterns, correlations between magnitude and depth, and temporal trends. The map uses a Mercator projection via `d3.geoPath` with zoom functionality, while the scatterplot offers selectable axes and color attributes. A tooltip provides additional detail, and the visualization includes a legend for clarity. The code leverages D3 v5, TopoJSON for map shapes, and Turf.js, with data sourced from the Taiwan Geophysical Database Management System.

Jjerry70938@gmail.com

91% match

Loading thumbnail…

Fork of Fork of Taiwan Earthquake

This interactive visualization explores Taiwan earthquake data from March 2023 to March 2024 using a synchronized map and scatterplot. Users can filter by year and select the x and y attributes, with point size encoding magnitude and color encoding depth, magnitude, or quality. The map uses d3.geoMercator projection with topojson for Taiwan’s county boundaries, while custom tooltips and a zoomable SVG interface reveal details on hover. The scatterplot dynamically updates its axes and legend based on user selections.

XXyfer

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

77% match

Loading thumbnail…

Visualization (Brush) -NBA

This interactive visualization presents earthquake data through three coordinated views: a bar plot of regional death tolls, a world map showing earthquake locations with circle radii encoding Richter magnitude, and a scatter plot relating year, magnitude, and fatalities. The map uses d3.geoPath with a Mercator projection, includes a legend for magnitude values, and displays country names via a custom tooltip. The bar plot employs d3.scaleBand with axes, while the map’s tooltip and the legend are built using D3 selections. The example also demonstrates d3.json for loading GeoJSON data and integrates d3.v7.

FFAN CHI YU(范紀予)

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

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