Skip to main content
SimilarExport ZIP
100%

World Happiness Report

✓ Published0🌍 Public
Mmkt-ds
Last edited Sep 24, 2019
Created on Sep 20, 2019

This visualization displays the relationship between a country’s happiness score and its GDP per capita, with each circle colored by whether the country is classed as the “happiest country.” Built with the vega-lite-api and D3 v5, it loads CSV data from a GitHub gist and renders a scatterplot using `vl.markCircle`. The chart applies custom axis and label styling from a shared config, uses a tooltip to show country names, and fits the view to the window dimensions.

AI-generated description

A visualization constructed using the vega-lite-api.

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 country’s overall happiness score is a composite of different factors including GDP per capita, healthy life expectancy and perceptions of corruption etc.

The data is trying to answer what factors contributes to happiness.

The source of the explaination of the data is at : https://s3.amazonaws.com/happiness-report/2019/WHR19_Ch2A_Appendix1.pdf

MIT Licensed

Similar vizzes

Loading thumbnail…

Viz Project

This visualization explores global trends in the World Happiness Report by mapping each country’s life satisfaction against GDP per capita, with additional dimensions for social support, life expectancy, freedom, generosity, and corruption. Using D3 v4 with SVG and animation, the chart animates through years to reveal changes in the happiness landscape. Each country is represented as a circle, with its position encoding the relationship between GDP and the life ladder score, while size and color can encode additional variables. The visualization updates smoothly as the year changes, allowing users to compare how countries shift in relative happiness and economic standing over time.

CCJKraenzle
87% match
Loading thumbnail…

Vega-Lite API Template

This scatterplot displays the relationship between happiness score and logged GDP per capita for countries in the 2020 World Happiness Report, with point color encoding regional indicator and size representing healthy life expectancy. Tooltips reveal country name, happiness score, and GDP per capita on hover. The visualization is built using the vega-lite-api library, which wraps Vega-Lite’s declarative syntax, while D3’s `csv` function loads the external dataset. The chart automatically fits the window dimensions and uses a custom configuration to adjust axis and label styling.

AAnurag Desai
86% match
Loading thumbnail…

Vega-Lite API Template

This example visualizes the World Happiness Report 2020 data, plotting each country’s happiness score against its logged GDP per capita, with points colored by regional indicator and tooltips showing country details. Built with the Vega-Lite API, it uses `vl.markPoint()` and `vl.encode()` to define the scatter plot, while `d3.csv` loads the remote dataset. The visualization is rendered as an SVG via Vega and Vega-Lite, with a custom configuration for axis and label styling, and it fills the browser window using an autosize fit setting.

AAnurag Desai
85% match
Loading thumbnail…

World Happiness Scatter Plot

This scatter plot visualizes the relationship between happiness ladder scores and generosity across countries, with each red circle representing a country based on data from the World Happiness Report 2019. The visualization uses d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for tick marks, and SVG circles rendered via d3.select and .enter().append('circle'). The chart includes axis labels and a title, with data loaded via d3.csv from an external dataset, and styled through CSS for circle opacity and tick formatting.

SShanthi Acharya
84% match
Loading thumbnail…

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.

Mmkt-ds
84% match
Loading thumbnail…

World Happiness Scores by Population

This visualization maps world happiness scores by population, with each country represented by a colored circle whose area reflects its population. Clicking a circle reveals the happiness score, while hovering displays additional details, and pan/zoom enables closer inspection. The D3.js implementation uses `geoPath` with `geoNaturalEarth1` projection, `scaleSqrt` for circle sizing, and `scaleSequential` with `interpolateInferno` for color encoding. Data comes from the World Happiness Report via a CSV file, rendered as SVG with TopoJSON country boundaries.

Mmkt-ds
84% match
Loading thumbnail…

World Happiness Feature Relationships

This scatterplot explores relationships between world happiness indicators. Users choose which two metrics to plot against each other via dropdown menus, and can click legend items to highlight or isolate countries belonging to a specific region. The visualization uses D3 v5 to render SVG circles, animating their positions when the axis variables change. A tooltip appears on hover, showing the country's values. Data comes from a CSV file loaded with `csv()`. The code uses `d3.scaleLog`, `d3.extent`, and `d3.axisBottom`/`d3.axisLeft` to construct the log-scaled axes, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding.

Mmkt-ds
83% match
Loading thumbnail…

A6_ScatterPlot

This scatter plot visualizes the relationship between happiness scores and GDP per capita across multiple continents, with each circle colored according to its continent category. It shows how countries with higher GDP per capita tend to report higher happiness scores, while also revealing regional clusters and outliers. The visualization is built with D3 v7 and rendered as SVG, using a linear scale for both axes and an ordinal color scale for continental groupings. A d3-legend legend provides a color key for the continent categories, and the data is loaded from an external CSV file containing happiness and GDP metrics.

DDuc Pham
83% match