Skip to main content
SimilarExport ZIP
100%

Natural disaster death over years

✓ Published1🌍 Public
CChooo4u
Last edited Nov 8, 2018
Created on Oct 4, 2018

This animated scatter plot displays deaths from natural disasters over time, with each circle representing a recorded event colored by disaster type (drought, earthquake, epidemic, or extreme temperature). The visualization uses D3.js v5 with SVG rendering, and users can click legend items to highlight specific categories while dimming others. The chart includes axis labels, a title, and a hover tooltip showing event details. Data comes from Our World in Data, and the code uses d3.scaleLinear, d3.scaleOrdinal, d3.axisBottom, d3.axisLeft, and event handlers for interactivity.

AI-generated description

This scatter plot shows data about deaths from natural disaster over years. The data is from Our World in Data: Natural Catastrophe.

Thanks to idea from Jonathan Wang.

MIT Licensed

Similar vizzes

Loading thumbnail…

Natural disaster death over years

A scatter plot displays deaths from natural disasters per year, colored by disaster type such as drought, earthquake, and epidemic, with a legend for filtering. The visualization uses D3 v5 to render SVG circles, scales, and axes, and includes animated tooltips on hover. Data comes from Our World in Data, with interactions implemented via D3’s `scaleOrdinal`, `axisBottom`, `axisLeft`, and event handlers for mouseover and click filtering.

CChooo4u
97% match
Loading thumbnail…

Natural disaster death over years

This scatter plot visualizes global deaths from natural disasters from 1900 to 2017, with each circle representing a disaster event colored by category (drought, earthquake, epidemic, or extreme temperature). The visualization uses D3 v5 with SVG and animation, encoding year on the x-axis and death toll on the y-axis. Users can click the color legend to highlight a specific disaster type, with non-selected categories dimmed to 5% opacity. The data comes from Our World in Data, and tooltips display details about each event on hover.

CChooo4u
96% match
Loading thumbnail…

Natural disaster death over years

This scatter plot visualizes deaths from natural disasters, organized by disaster type and year, allowing users to explore trends and identify significant events. The visualization uses D3 v5 to render an interactive SVG chart with a color-coded legend; clicking a legend entry filters the plotted circles by that disaster type. The data is loaded via CSV and scales use d3.scaleTime and d3.scaleLinear, with axes generated by d3.axisBottom and d3.axisLeft.

CChooo4u
95% match
Loading thumbnail…

Natural disaster death over years

A scatter plot shows global deaths from natural disasters such as drought, earthquake, and epidemic by year, with each circle colored by disaster type. Users click a legend to filter and highlight categories. The visualization uses d3.csv to load data, scaleLinear for axes, axisLeft and axisBottom for ticks, and scaleOrdinal with schemeCategory10 for colors. It renders SVG circles with tooltips on mouseover and mouseout, based on data from Our World in Data.

CChooo4u
95% match
Loading thumbnail…

Natural disaster death over years

A scatter plot visualizes deaths from natural disasters—including drought, earthquake, epidemic, and extreme temperature—from 1900 to 2017, using data loaded from a CSV file. Each circle represents a disaster event, with its position mapped by year and death toll, while color encodes the disaster type. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` and `scaleLinear` for axes, `scaleOrdinal` for color categories, and interactive legends that filter events by type. Hover interactions highlight individual events, and axis labels clarify the time and mortality scales.

CChooo4u
95% match
Loading thumbnail…

Natural disaster death over years

This scatterplot visualizes deaths from natural disasters over time, with each point representing a disaster event. The x-axis shows the year and the y-axis displays the death count. Users can click the color legend to isolate a specific disaster type, which highlights those points while dimming all others. The visualization is built with D3 v5, using SVG rendering and a categorical color scale for disaster types.

CChooo4u
94% match
Loading thumbnail…

Natural disaster death over years

This scatter plot shows deaths from natural disasters from 1900 to 2017, with each point representing a disaster type (drought, earthquake, epidemic, or extreme temperature) and its year. The y-axis displays total deaths on a linear scale, while the x-axis shows time. A color legend allows filtering by disaster type, dimming unselected categories. Built with D3 v5, it uses `scaleTime`, `scaleLinear`, `scaleOrdinal`, and SVG rendering. Data comes from a CSV file with entity, year, and death counts.

CChooo4u
93% match
Loading thumbnail…

Natural disaster death over years

A scatter plot visualizes total deaths from natural disasters worldwide from 2004 to 2016, with each circle representing a country-year observation. Users can click the color legend to filter the view to a selected entity, while hovering reveals country, year, and death count details. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for color mapping, and SVG rendering with animated opacity transitions. Data comes from the World Happiness Report 2017 via Our World in Data, loaded through d3.csv.

CChooo4u
92% match