Skip to main content
SimilarExport ZIP
100%

earthquake

✓ Published1🌍 Public
Eedxiao97
Last edited Sep 30, 2019
Created on Sep 30, 2019
Forked from Cars Scatter Plot

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.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes earthquake data, displaying the number of earthquakes per year as orange circles. The visualization uses D3 v5 with scaleLinear functions to map the data, along with axisBottom and axisLeft for the axes. The chart includes labeled axes for year and number of earthquakes, with data loaded from a CSV file using d3.csv. The SVG rendering approach is used, with custom styling applied through CSS classes for ticks, axis labels, and the title.

Eedxiao97
89% 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
86% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes earthquake data from a CSV file, displaying the number of earthquakes per year across magnitude ranges. The visualization uses D3 v5’s `csv`, `scaleLinear`, `axisBottom`, and `axisLeft` functions to map years on the x-axis and earthquake counts on the y-axis, with circles rendered in SVG. Data is sourced from a VizHub-hosted dataset. The chart includes labeled axes, a title, and gridlines, with circles colored red and semi-transparent to show overlapping points.

Eedxiao97
86% match
Loading thumbnail…

Data Visualization

This visualization displays earthquake data from a CSV file, plotting year on the x-axis, magnitude on the y-axis, and encoding depth via circle radius. The SVG scatterplot uses d3.csv to load data, then d3.scaleLinear and d3.scaleSqrt for scales, with d3.axisBottom and d3.axisLeft generating the axes. Colored steelblue circles with 0.5 opacity clearly reveal distributions of earthquake events across the recorded timeframe.

HHassaan Gul
86% match
Loading thumbnail…

Untitled

This scatter plot displays the relationship between earthquake year and estimated deaths, with red translucent circles representing individual data points. The visualization uses D3 v4 to render an SVG chart with linear scales for both axes, axis labels, and gridlines. Data comes from a CSV file of earthquake records, and the code also includes a separate line chart example using time-series data from the Auto MPG dataset, though the primary visualization focuses on the earthquake scatter plot.

Eedxiao97
85% match
Loading thumbnail…

Untitled

This scatter plot displays the relationship between earthquake year and estimated deaths, with red translucent circles representing individual data points. The visualization uses D3 v4 to render an SVG chart with linear scales for both axes, axis labels, and gridlines. Data comes from a CSV file of earthquake records, and the code also includes a separate line chart example using time-series data from the Auto MPG dataset, though the primary visualization focuses on the earthquake scatter plot.

Eedxiao97
85% match
Loading thumbnail…

Cars Scatterplot

This scatterplot displays the frequency of earthquakes by year, with circles positioned along the x-axis for year and the y-axis for the number of quakes in a magnitude range. It uses D3 v5 with SVG rendering and scales via `d3.scaleLinear` and `d3.extent`. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, while data loads from a CSV using `d3.csv`. The visualization highlights trends in seismic activity over time.

Eedxiao97
85% 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
84% match