Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

World Happiness Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

5cddf782b9744b3b833223070e1f711a

World Happiness Scatter Plot with Menus

0 stars1๐ŸŒ Public
Mmkt-ds
Last edited Oct 3, 2019
Created on Sep 28, 2019

This interactive scatter plot explores relationships among well-being indicators for 156 countries, using data from the World Happiness Report. Two dropdown menus let users select which metrics to compare on the x- and y-axes, including happiness score, GDP, school years, health expenditure, and employment rate. The visualization uses React for UI state management and d3.scaleLinear for positioning axes and d3.scaleOrdinal for coloring points. SVG circles render each country, with hover tooltips showing the x-axis value.

AI-generated description

A scatter plot of the Happiness by Country Data

The data is from the The World Happiness Report that uses survey data, demographic information and statistical analysis to rank 156 nations according to the happiness of their people.

https://www.kaggle.com/arielyeung/world-happiness-data

https://gist.github.com/mkt-ds/640984c80835e2823c1b0f5c9a3fabe6

A countryโ€™s overall happiness score is a composite of different factors collected in an annual worldwide survey, including GDP per capita School years Sustainable economic development Employement Rate Health expenditure Government effectiveness Female MPS Control of corruption

What factors contributes to happiness for different countries is interesting. For example more school years increases happiness in certain countries, it's probably correlated with more salaries when a person studies more. I need to create another visual to show the relationship between each factors for each country.