Skip to main content
SimilarExport ZIP
100%

1116 Taiwan Earthquake

✓ Published1🌍 Public
Cchyang.be10@nycu.edu.tw
Last edited Nov 30, 2024
Created on Nov 16, 2024

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.

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…

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

Taiwan Earthquake

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.

CChih-Hsin Chen
92% 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
90% 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
88% 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
78% 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
77% 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
77% 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
77% match