Interactive World Happiness Scatter Plot with Colored Menu
This scatter plot explores the relationship between the World Happiness Report’s happiness score and factors like GDP, school years, or employment rate, for a dataset of 156 countries. Two dropdown menus let viewers select which attributes appear on the x- and y-axes. Each country is plotted as a circle colored by whether it is considered a “happiest country,” and the interactive legend highlights points of that category while dimming others. The visualization is built with React and D3 v5, using `scaleLinear`, `scaleOrdinal`, and SVG rendering.
AI-generated descriptionA 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.
<a href="https://www.kaggle.com/arielyeung/world-happiness-data"> Data Source </a>
<a href="https://gist.github.com/mkt-ds/640984c80835e2823c1b0f5c9a3fabe"> Gist File </a>
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.