Skip to main content
SimilarExport ZIP
100%

LineChart

✓ Published0🌍 Public
Ssiddu7147
Last edited Mar 11, 2023
Created on Mar 11, 2023

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.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

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
91% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart compares the frequency of earthquakes across four U.S. regions from 2011 to 2015, using data from a CSV file that includes state, region, year, and count. The visualization uses D3 v5 with `nest()` and `rollup()` to aggregate counts by region and year, then draws smoothed lines with `line()` and `curveBasis` to show trends. Color-coded circles mark yearly data points, and a custom `colorLegend` function displays the regional color key. The chart is rendered as SVG with axes from `axisLeft` and `axisBottom`, and includes interactive hover effects on the points.

HHalian Vilela
86% 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
85% 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
84% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays the number of earthquakes recorded in four U.S. regions—West, South, Midwest, and Northeast—from 2011 to 2015. Each line represents a region, with points plotted per year using `d3.scaleTime` and `d3.scaleLinear` for axes. Hovering over a point triggers a second SVG bar chart showing earthquake counts by state for that region and year. The visualization uses D3 v5, SVG rendering, and data from the state-year-earthquakes.csv file.

Aandrewtran1991
84% 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
83% 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
83% 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
82% match