Number of Earthquakes across continents

100%

Number of Earthquakes across continents

✓ Published0🌍 Public

Last edited Nov 2, 2020

Created on Oct 25, 2020

A bar chart displays the number of significant earthquakes per year across continents, colored by continent, with a range slider below to filter the displayed years. The visualization uses the Vega-Lite API with D3.js to load and process earthquake data from a CSV file, aggregating counts per year and continent. A brush selection on the year axis enables interactive filtering, while clicking on continent legend entries highlights specific regions, with opacity adjustments indicating selection state.

AI-generated description

A bar graph showing number of earthquakes across all continents since 1965 to 1988 (a realization of my second sketch) constructed using the vega-lite-api. 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 blank entry space on the list of Continents refers to earthquakes that have occurred in International Waters - boundaries of which do not belong to any particular country and hence are not indicated using any continent. The range can be used to select the years which are to be visualized.

FUTURE WORK:

Add a drop down to choose Continent(s)

MIT Licensed

Similar vizzes

Loading thumbnail…

Worldwide Earthquake stats 2000-2015

This visualization displays earthquake frequency by magnitude range from 2000 to 2015, using four smoothed lines to represent counts of quakes in the 5-5.9, 6-6.9, 7-7.9, and 8.0+ categories. The chart, built with D3 v5, uses `scaleTime` for the year axis, `scaleLinear` for the count axis, and `line` with `curveBasis` for the smoothed paths. Each magnitude range has a distinct color, with a legend and title included. Data comes from an external CSV file in the Data Canvas Sense Your City dataset.

Aandrewtran1991

75% match

Loading thumbnail…

Worldwide Earthquake stats 2000-2015

This visualization displays earthquake statistics from 2000 to 2015, plotting the count of magnitude 8.0+ earthquakes per year as orange circles on an SVG canvas. The data is loaded from a CSV file and rendered using D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `select` APIs, with gridlines generated via `tickSize`. Circle positions map year and earthquake count through the x and y scales, while axis labels and a title are added as SVG text elements.

Eedxiao97

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

75% match

Loading thumbnail…

LineChart Test

This visualization presents earthquake data as a bubble chart plotting longitude and latitude, with bubble size encoding earthquake magnitude and color representing the continent. It includes interactive filtering by continent through the legend, which also shows size ranges. Built with D3 v7, the code uses `d3.select`, `d3.scaleOrdinal`, and `d3.scaleLinear` to render circles in an SVG, with a custom CSV parser for the earthquake dataset. Hovering over bubbles reveals tooltips showing magnitude and continent details.

DDuc Pham

75% match

Loading thumbnail…

Worldwide Earthquake Multi Chart

This multi-chart visualization displays worldwide earthquake data over time, plotting yearly counts across four magnitude categories. The primary chart shows a yellow line representing earthquakes of magnitude 5–5.9 using d3.line with curveBasis smoothing. The visualization processes CSV data loaded via d3.csv, converting year strings to Date objects and numeric fields for analysis. Scales are created using d3.scaleTime for the x-axis and d3.scaleLinear for the y-axis, with axes rendered using d3.axisBottom and d3.axisLeft. The SVG rendering approach uses D3 v5 selection and append methods to build the chart structure.

KKelvin Yuen

75% match

Loading thumbnail…

Worldwide Earthquake stats 2000-2015

This visualization displays worldwide earthquake statistics from 2000 to 2015, comparing the annual frequency of earthquakes across four magnitude categories (5.5–5.9, 6–6.9, 7–7.9, and 8.0+). The chart uses four smoothed line series via d3.line with curveBasis, rendered as SVG paths, with each line color-coded by magnitude bracket. The axes are generated using d3.axisBottom and d3.axisLeft, and the data is loaded from a CSV file using d3.csv. The chart emphasizes relative trends and peaks in seismic activity over the fifteen-year period.

KKelvin Yuen

74% match

Loading thumbnail…

Significant Earthquake Database

This visualization plots significant earthquake events from NOAA’s Significant Earthquake Database as circles, with the x-axis showing the year and the y-axis showing magnitude. Circle color encodes earthquake duration in seconds, and hovering reveals the magnitude via tooltip. Using Vega-Lite API with d3.csv for data loading, the chart renders in SVG across the full viewport. The code configures axis styling and dark text through a custom Vega-Lite config object, with marks set to semi-transparent circles for overlapping event visibility.

Gguangxinhu

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

73% match