Line Chart

100%

✓ Published0🌍 Public

Last edited Apr 29, 2015

Created on Apr 29, 2015

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Line charts

Multiple line charts display earthquake frequencies from 2000 to 2015, broken down by magnitude bands (5.0–5.9, 6.0–6.9, 7.0–7.9, and 8.0+), alongside estimated deaths as a radius scale. Built with D3 v5, the visualization uses `d3.line` with monotone curve interpolation, `d3.scaleTime` and `d3.scaleLinear` for axes, and renders as SVG. Data comes from the USGS earthquake records embedded in the local CSV file.

Aandrewtran1991

85% match

Loading thumbnail…

D3 Line Chart With Brush - Earthquakes

A D3 line chart visualizes global total earthquake deaths per year from 1900 to 1999, using data from a CSV of earthquake records. Circles mark individual yearly totals, connected by a steelblue line. An interactive brush (d3.brushX) allows selection along the x-axis; selected circles turn red, and double-clicking either clears the selection or selects all data if none exists. The chart uses d3.scaleLinear for both axes, d3.axisLeft, d3.axisBottom, and d3.rollup to aggregate deaths by year, rendered as SVG elements.

JJunying Li

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

82% match

Loading thumbnail…

LineChart

This line chart visualizes earthquake statistics from 2000 to 2015, comparing the annual frequency of earthquakes across different magnitude ranges (5–5.9, 6–6.9, 7–7.9, and 8.0+) as four distinct colored lines. Built with D3 v5 and rendered as SVG, it uses `scaleTime` and `scaleLinear` for axes, `d3.line` with `curveBasis` for smooth paths, and `axisBottom`/`axisLeft` for gridlines. Data is loaded from a CSV via `d3.csv`, with the chart including a legend and axis labels.

Ssiddu7147

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

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

80% match

Loading thumbnail…

ICE7_Linechart

This example visualizes earthquake statistics from 2002 to 2020, plotting estimated deaths against year in a smooth line chart rendered with SVG. The chart uses D3 v5 APIs including `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to generate the path, while `csv` loads the remote earthquake dataset. Death estimates and years are parsed as numbers, and axes are styled with tick lines and labels for clarity.

Ggayuvurukuti@gmail.com

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

79% match