Skip to main content
SimilarExport ZIP
100%

Happiness Level Plot

✓ Published0🌍 Public
CChooo4u
Last edited Oct 31, 2018
Created on Oct 11, 2018

This scatter plot visualizes worldwide natural disaster deaths from 1900 to 2017, showing the relationship between the year and total deaths for various disaster types such as drought, earthquake, and epidemic. The visualization uses a time-scaled x-axis for years and a linear y-axis for death counts, with each circle representing a disaster event. Built with d3.v5, the code leverages `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes. The data originates from the World Happiness Report 2017, though the dataset displayed here focuses on disaster mortality rather than life satisfaction.

AI-generated description

This scatter plot shows data about self-reported life satisfaction over the world from 2004 to 2016.

This data comes from the World Happiness Report 2017 in Our World in Data: Happiness and Life Satisfaction.

MIT Licensed

Similar vizzes

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

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.

CChooo4u
85% 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
85% 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
85% match
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
84% match