Skip to main content
SimilarExport ZIP
100%

World Happiness Dataset Schnair

✓ Published0🌍 Public
112jack812@gmail.com
Last edited Sep 3, 2025
Created on Sep 1, 2025
Forked from Loading Data

This example displays the raw World Happiness Report 2019 data in a simple text format. The visualization initially loads a CSV file containing happiness scores and related metrics for various countries, parsing the data into a structured format. It uses the d3.csvParse API to read the data, then displays the parsed JSON representation of each country's record. The code demonstrates a basic data-loading workflow with d3.v7, showing how fetched data transitions from an undefined state to a formatted output using select and join methods.

AI-generated description

Description: "The World Happiness Report is a landmark survey of the state of global happiness. The first report was published in 2012, the second in 2013, the third in 2015, and the fourth in the 2016 Update. The World Happiness 2017, which ranks 155 countries by their happiness levels, was released at the United Nations at an event celebrating International Day of Happiness on March 20th. The report continues to gain global recognition as governments, organizations and civil society increasingly use happiness indicators to inform their policy-making decisions. Leading experts across fields – economics, psychology, survey analysis, national statistics, health, public policy and more – describe how measurements of well-being can be used effectively to assess the progress of nations. The reports review the state of happiness in the world today and show how the new science of happiness explains personal and national variations in happiness." - Taken from Kaggle

I have decided to use the 2019 dataset because that was the most recent data available.

URL - https://www.kaggle.com/datasets/unsdsn/world-happiness

Atribute Data Type
Overall rank quantitative
Country or region categorical
Score quantitative
GDP per capita quantitative
Social support quantitative
Healthy life expectancy quantitative
Freedom to make life choices quantitative
Generosity quantitative
Perceptions of corruption quantitative
MIT Licensed

Similar vizzes

Loading thumbnail…

world-happiness-data

This gallery example displays the World Happiness Report 2019 data, presenting each country’s happiness score alongside contributing factors such as GDP per capita, social support, and healthy life expectancy. The visualization loads the data from a CSV file and displays the raw parsed JSON, demonstrating the initial data-loading phase. It uses d3.v7’s `select`, `csvParse`, and `fetch` API to retrieve and parse the dataset, updating the view through a state management system.

Ccsabavath@wpi.edu
88% match
Loading thumbnail…

World Happiness Report 2020 Data

This visualization parses the World Happiness Report 2020 CSV dataset to display basic file metrics: its size in kilobytes, row count, and column count. The code uses `d3.csv()` to load and parse the remote CSV, then `d3.csvFormat()` to measure its length. The results are rendered as large text inside a `<pre>` element, demonstrating a minimal data-loading workflow with D3 v5. The underlying dataset originates from Kaggle and contains happiness scores alongside GDP, life expectancy, social support, and freedom indicators for correlation analysis.

AAnurag Desai
86% match
Loading thumbnail…

world-happiness-data

This example visualizes the World Happiness Report data, showing how each country’s overall happiness score and rank relate to factors like GDP per capita, social support, and healthy life expectancy. The code loads a CSV file using D3’s `csvParse` (though the import initially references `tsvParse`) and displays the parsed data as a raw JSON object inside a `<pre>` element. It uses D3 v7’s `select` and `join` to manage the DOM, with a `setState` pattern to handle asynchronous data loading. The visualization currently only logs the first five rows to the console and prints the full dataset, not yet rendering any charts.

Ccsabavath@wpi.edu
85% match
Loading thumbnail…

World Happiness Report

This example displays the raw contents of the first row from the World Happiness Report 2019 dataset, rendering it as formatted JSON text. The code loads the data via an ES module import, converts six quantitative attribute columns to numbers, and then uses `JSON.stringify` to pretty-print the row inside a `<pre>` element. It relies on standard JavaScript data parsing and DOM manipulation without any external visualization libraries.

Mmacgregorm01@gmail.com
85% match
Loading thumbnail…

World Happiness Report

This example displays the World Happiness Report dataset, summarizing its size and previewing the first ten rows. It shows the number of rows, columns, and file size in kilobytes, followed by a JSON-formatted listing of the initial data entries. The page renders this textual information in a terminal-style interface with a black background and green monospace text. It uses D3 v5 functions such as `select`, `csv`, and `csvFormat` to load and process the CSV data from a remote Kaggle source, then appends the results as `<pre>` elements to the body.

NNTCHANG1289
84% match
Loading thumbnail…

World Happiness 2017

This example prints a textual summary of the World Happiness 2017 dataset, showing row and column counts, file size, and the first ten rows as JSON. It loads the data from a CSV using `d3.csv`, formats it with `csvFormat`, and renders the output to the DOM via `d3.select` and `append`. The data originates from Kaggle, credited to the World Happiness Report.

Ddielaenge
84% match
Loading thumbnail…

viz-happiness-2024

This example displays the raw data from the World Happiness Report 2024 as a formatted JSON preview, showing country names and their associated happiness indicators including Ladder score, social support, and GDP per capita. The visualization loads data from a CSV file using the `fetch` API and parses it with `d3.csvParse`, converting numeric fields from strings to numbers. The code renders the parsed data structure in a `<pre>` element, providing a simple text-based investigation of the dataset before any graphical mapping is applied. The implementation follows a state management pattern where data loading triggers a re-render of the view.

XXiaojun
82% match
Loading thumbnail…

WorldHappiness Report2022

This example displays the first record of the World Happiness Report 2022 dataset as formatted JSON text. The code imports the CSV data, converts all numeric fields to numbers, and renders the first data object inside a `<pre>` element using a template literal. The visualization demonstrates the structure of the dataset, including the happiness score and its contributing factors, using vanilla JavaScript and the imported data.

Ssamozarif@gmail.com
81% match