Skip to main content
SimilarExport ZIP
100%

Line charts

✓ Published0🌍 Public
Aandrewtran1991
Last edited Feb 24, 2020
Created on Feb 20, 2020

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.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in cities around the world. The data comes from Data Canvas - Sense Your City.

MIT Licensed

Similar vizzes

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

Line Chart

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.

BBenHeubl
85% 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
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 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
84% 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
83% 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
83% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays US earthquake counts by region from 2011 to 2015, using data from the Data Canvas - Sense Your City project. Multiple colored lines represent different regions, with circles marking individual data points. The visualization uses d3.nest to aggregate and rollup data, d3.scaleTime for the x-axis, d3.scaleLinear for the y-axis, and d3.line with curveBasis for path generation. A color legend is rendered using a custom colorLegend module, and the chart includes interactive mouseover and mouseout events on the data circles.

Ssafdarawan
83% match