Earthquake Bar Plot

100%

Earthquake Bar Plot

✓ Published1🌍 Public

Last edited Sep 27, 2021

Created on Sep 20, 2021

This bar plot displays earthquake fatalities across different regions in the 19th century, with the x-axis showing the region and the y-axis recording deaths. The chart reveals that over 700,000 people died in Peru due to earthquakes during this period. The visualization uses d3.v7’s scaleBand and scaleLinear to map the region and death values, rendering rectangles as bars in SVG. Data is loaded asynchronously via d3.csv from a GitHub-hosted earthquakes.csv file, with rotated x-axis labels for readability.

AI-generated description

Data: https://gist.github.com/Junying-Li/72ef4641efd6b4abf371f5d9f4267a56#file-earthquakes-csv

A bar plot shows the deaths of earthquakes in different countries of 19 Century.

X-axis: region that earthquake occured.

Y-axis: Deaths in earthquake.

According to this bar plot, we can find that over 700,000 people died in Peru due to earthquake in 19 century.

MIT Licensed

Similar vizzes

Loading thumbnail…

Iterated Earthquake Bar Plot

This bar plot visualizes total earthquake deaths by region during the 20th century, with bars sorted descending to highlight that Peru exceeds 700,000 fatalities. The visualization aggregates data from a CSV file using d3.csv, sums deaths per region with d3.sum, and renders an SVG with d3.axisBottom and d3.axisLeft for labeled axes. Regions are grouped via array filtering, and a transition animates the Y-axis update.

JJunying Li

92% match

Loading thumbnail…

Fork of Iterated Earthquake Bar Plot

This bar chart presents earthquake-related deaths by region, with data sourced from a CSV file. The visualization stacks rectangles representing multiple years on top of each other, though the current y-axis domain extends to 750,000 without summing the values across years. The chart uses d3.csv to load the data, d3.scaleBand for the x-axis regions, and d3.scaleLinear for the y-axis deaths, rendering as SVG via d3.select and rect elements. The code suggests refining the y-axis to show cumulative deaths using d3.group and d3.rollup.

CCurran Kelleher

86% match

Loading thumbnail…

Interactive Earthquake Bar Plot

This interactive bar plot displays earthquake deaths across various regions during the 20th century, with buttons filtering the data into 20-year periods. When a user clicks a button, the bars re-sort by death toll and smoothly animate to their new positions via D3's `transition` on the `rect` elements. The code uses `d3.csv` to load the dataset, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.axisBottom` and `d3.axisLeft` to render them. The visualization is built with D3 v7 and rendered as SVG.

JJunying Li

84% match

Loading thumbnail…

Fork of Shot Distance Bar Plot

This interactive bar chart displays the number of earthquake deaths across regions, with buttons that filter the data by 20-year periods. The chart initially shows all data, and clicking a button triggers a smooth transition that rescales the axes and repositions the bars, which are sorted by death toll. Built with D3 v7, the visualization uses `d3.csv` for data loading, `d3.scaleBand` and `d3.scaleLinear` for axes, and the `.join()` method to update the SVG rectangles, with transitions animated over one second. The data comes from a GitHub-hosted CSV file depicting earthquakes from 1900 to 2000.

AAnne Lin

82% match

Loading thumbnail…

Interactive Visualization (button) - Earthquake Data

This interactive visualization displays earthquake deaths by region in a bar plot alongside a world map showing earthquake locations and magnitudes. Users click buttons to filter data across different 20th-century time periods. The bar chart sums deaths per region using d3.csv, d3.filter, and d3.sum, while the map uses d3.geoMercator and d3.geoPath to project earthquake positions as circles sized by Richter scale. Data comes from a CSV containing latitude, longitude, and earthquake details.

JJunying Li

79% match

Loading thumbnail…

Line Chart

This line chart visualizes earthquake death tolls from 1902 to 1912, plotting deaths over time using a time-scaled x-axis and a linear y-axis. Each quake is represented by a point, with circles sized in proportion to an additional magnitude metric (mag3), and hover effects highlight individual events. The chart is rendered in SVG with D3 v3, and includes an x-axis for dates and a y-axis for deaths.

BBenHeubl

78% match

Loading thumbnail…

D3 Scatter Plot - Earthquakes

A scatter plot displays earthquake magnitude (Richter scale) on the y-axis against time (years 1900–1999) on the x-axis, with each circle's radius encoding the number of deaths. The plot uses D3 v6 with SVG rendering, employing `scaleLinear` for axes and circle size, `extent` for domain calculation, and `axisLeft`/`axisBottom` for tick marks. Data comes from a CSV file loaded via `d3.csv`, and circles are drawn with semi-transparent opacity to show overlapping points across the timeline.

JJunying Li

77% match

Loading thumbnail…

Earthquake Stats

This visualization shows worldwide earthquake statistics from 2000 to 2015, charting the number of earthquakes per year across four magnitude ranges (5-5.9, 6-6.9, 7-7.9, and 8.0+). The chart uses a logarithmic y-axis scale to accommodate the wide range of values, and each magnitude range is represented by a distinct colored line with overlaid data points. The size of each data point encodes the estimated number of deaths for that earthquake event. The visualization is built using D3.v5, leveraging several of its core APIs including `d3.scaleLog()` for the logarithmic y-axis, `d3.scaleTime()` for the chronological x-axis, `d3.axisBottom()` and `d3.axisLeft()` for axes, and `d3.line()` with `d3.curveMonotoneX()` for smooth line rendering. The code defines a color scale with `d3.scaleOrdinal()` and a linear scale for determining circle radii, reflecting estimated deaths.

MMike Wolfgram

76% match