100%

Viz Project

✓ Published0🌍 Public

Last edited Oct 26, 2017

Created on Oct 26, 2017

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.

AI-generated description

viz-project

Final data visualization project for Data Visualization class (WPI CS573)

URL to view the results of this project: https://cjkraenzle.github.io/viz-project/

This visualization project will be used for my final visualization project. This project will create visualizations based on the world happiness report. Which can be found at http://worldhappiness.report. Direct link to the data can be found at http://worldhappiness.report/wp-content/uploads/sites/2/2017/03/online-data-chapter-2-whr-2017.xlsx.

mit Licensed

Similar vizzes

Loading thumbnail…

World Happiness Report

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.

Mmkt-ds

87% match

Loading thumbnail…

project plot2

This interactive scatter plot shows the relationship between GDP per capita and happiness scores for countries worldwide, with a dropdown menu allowing selection of individual years from 2015 to 2022. Each circle represents a country, positioned by its economic output and well-being score, while color encodes healthy life expectancy using a sequential plasma scale via d3.scaleSequential. Tooltips provide detailed country-specific values on hover. Built with D3 v7, the visualization uses d3.csv to load external data, SVG circles with enter/update transitions for animated year changes, and d3.axisBottom/d3.axisLeft for the coordinate axes.

Kkallappareddygari Lohith reddy

84% match

Loading thumbnail…

project1-plot

This scatterplot visualizes the relationship between GDP per capita and happiness scores across 162 countries from 2015 to 2022, using data from a merged World Happiness Report CSV. Each circle represents a country-year observation, colored by year via `d3.scaleOrdinal` with `d3.schemeCategory10`, with a legend and interactive tooltips. The visualization uses D3 v7 with `d3.csv`, `d3.axisBottom`, and `d3.axisLeft` for axes, and SVG circles for marks. It is rendered as an animated, interactive SVG chart with hover-based tooltips displaying country, year, score, and GDP details.

Kkallappareddygari Lohith reddy

83% match

Loading thumbnail…

Question4

This scatterplot compares countries by GDP per capita (x-axis) and Life Ladder score (y-axis), using the World Happiness Report dataset. Each circle encodes social support through its radius and healthy life expectancy through a blue sequential color scale (d3.scaleSequential). The chart renders as SVG, with axes via d3.axisBottom and d3.axisLeft, plus hover interactions that enlarge points. A gradient legend displays the color mapping, while tooltips (title elements) reveal detailed country-year values.

Vvishu.valandas@gmail.com

83% match

Loading thumbnail…

World Happiness Graph

A linked choropleth map and scatter plot visualize global happiness data, highlighting country scores, GDP per capita, and continent groupings. Interactive tooltips reveal detailed country information on hover. The map uses `d3.geoPath` with a `d3.geoEqualEarth` projection and `d3.scaleLinear` for color encoding. The scatter plot, built with `d3.axisBottom` and `d3.axisRight`, shows a log-scaled GDP axis against happiness scores, colored by continent using `d3.scaleOrdinal`. Data is rendered as SVG from loaded map and country datasets.

Kkaijavanzante@gmail.com

83% match

Loading thumbnail…

Project Increment 3

A scatter plot matrix reveals pairwise relationships among six happiness factors and overall life satisfaction for countries in the 2020 World Happiness Report. The visualization uses D3 v7 with an SVG renderer, building a grid of cells where each cross-section plots two variables. Axes are rendered at the edges using `d3.axisBottom` and `d3.axisLeft`, while `d3.scaleLinear` maps data values. Circles colored by `d3.scaleOrdinal` with `schemeTableau10` represent countries, and hovering triggers tooltips showing country names and values. A legend identifies the regional indicator groupings.

Aakshayamsgrad@gmail.com

82% match

Loading thumbnail…

Project Increment 1

This radar chart compares the six happiness factors from the 2022 World Happiness Report across four rank groups of countries. The visualization shows averaged scores for GDP per capita, social support, healthy life expectancy, freedom, generosity, and perceptions of corruption, with distinct colored polygons representing top, mid-high, mid-range, and low-ranked nations. Built with D3 v7, the chart uses `d3.csv` for data loading, `d3.scaleLinear` for radial scaling, and SVG paths with `d3.line` for polygon generation. The data file uses comma-separated values with European decimal notation.

Aakshayamsgrad@gmail.com

82% match

Loading thumbnail…

Happiness Factors Viz

This visualization displays the World Happiness Report 2022, plotting happiness scores for countries on an orthographic globe projection using d3.geoOrthographic and d3.geoPath. Circles sized by happiness score and colored by range bands appear on the map, with interactive tooltips and a legend for filtering by score. The visualization also includes side panels highlighting the top and bottom five happiest countries with flag icons, and a button to explore additional happiness factors from the dataset.

Ssamozarif@gmail.com

82% match