Worldwide Earthquake stats 2000-2015

100%

Worldwide Earthquake stats 2000-2015

✓ Published3🌍 Public

Last edited Feb 21, 2020

Created on Feb 21, 2020

Forked from Worldwide Earthquake stats 2000-2015

This visualization presents a playful, animated face built with D3.js (v5), rendered as vector graphics in an SVG container. It uses D3 selection and attribute manipulation to construct a yellow circle head with eyes, eyebrows, and a mouth. The animation uses D3 transitions to move the eyebrows up and down in a repeating two-second cycle. The underlying data source, worldwide earthquake statistics, is not visually represented in the code.

AI-generated description

MIT Licensed

Similar vizzes

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

86% match

Loading thumbnail…

Worldwide Earthquake stats 2000-2015

This visualization displays earthquake frequency and impact from 2000 to 2015, using four smoothed lines to compare magnitude categories (5.0–8.0+) alongside estimated deaths. The chart encodes time on the x-axis via `scaleTime`, counts on the y-axis using `scaleLinear`, and plots each series with D3’s `line` generator and `curveBasis`. Data from `earthquakes.csv` is loaded via `d3.csv` and rendered as SVG, with axis labels, a legend, and a title positioned within a custom margin layout.

Aandrewtran1991

81% match

Loading thumbnail…

Worldwide Earthquake stats 2000-2015

This line chart displays earthquake statistics worldwide from 2000 to 2015, plotting estimated deaths against year. The visualization uses d3.nest to group data by magnitude category, with d3.scaleTime and d3.scaleLinear mapping axes. D3’s line generator with curveBasis renders smooth paths, colored via d3.scaleOrdinal. A custom colorLegend component shows magnitude categories, while axes include gridlines and rotated labels. Data comes from a local CSV file.

SSagarikaS

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

80% match

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

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

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

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

78% match