Fork of Taiwan Earthquake

100%

Fork of Taiwan Earthquake

✓ Published2🌍 Public

Last edited Nov 3, 2024

Created on Nov 3, 2024

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.

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

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

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

91% match

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

90% match

Loading thumbnail…

Fork of Interactive Visualization (Brush) - Earthquake Data

This visualization of earthquake data combines a bar plot, world map, and scatter plot to explore regional deaths, epicenter locations with Richter magnitudes, and the relationship between year, magnitude, and casualties. Users can brush on the scatter plot to filter the other views by year. The map uses d3.geoMercator with d3.geoPath to render world geography, while tooltips display country names on hover. All charts are built with d3.v7, rendering as SVG with animation, and the data is loaded from an external CSV source.

Sspace-captain96

79% match

Loading thumbnail…

Fork of Fork of Interactive Visualization (Brush) - Earthquake Data

This interactive dashboard combines a bar chart, a world map, and a scatter plot to explore earthquake data from 2000 to 2021. The bar chart shows the mean yearly earthquake magnitude, while the world map, built with `d3.geoPath` and a Mercator projection, plots earthquake epicenters with circle radii scaled by Richter magnitude. A linked scatter plot uses `d3.select` to display year against magnitude, with point size representing deaths. The map also includes tooltips on hover, and the data for the bar chart is loaded from a CSV file.

Sspace-captain96

79% match

Loading thumbnail…

Fork of Interactive Visualization (Brush) - Earthquake Data

This visualization combines a bar plot, world map, and scatter plot to explore earthquake data. The bar plot shows total deaths by region, the map displays earthquake locations with circle radius representing Richter scale magnitude, and the scatter plot correlates year with Richter magnitude and death counts. The implementation uses D3 v7 with d3.geoPath for map projection, d3.scaleBand and d3.scaleLinear for axes, and includes interactive brushing, tooltips via mouseover events, and a legend. Data comes from a CSV file referenced in the code.

PPiotr Paszek

79% match

Loading thumbnail…

Fork of Interactive Visualization (Brush) - Earthquake Data

This visualization presents earthquake data through three linked views: a bar plot of regional death tolls, a world map plotting earthquake locations with circle size encoding Richter magnitude, and a scatter plot relating year, magnitude, and deaths. A brush selection on the scatter plot filters the other views, while map tooltips display location names and a legend explains magnitude scaling. The code uses d3.v7 with `d3.geoMercator` projection, `d3.geoPath` for map rendering, and `d3.scaleBand`/`d3.scaleLinear` for chart axes. Data comes from a GitHub-hosted world GeoJSON and earthquake CSV.

AAbhishek Singh

78% match