Natural disaster death over years

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.

96% match

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.

Natural disaster death over years

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.

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.

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.

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.

94% match

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.

92% match

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.