Skip to main content
SimilarExport ZIP
100%

project plot2

✓ Published0🌍 Public
Kkallappareddygari Lohith reddy
Last edited Nov 5, 2025
Created on Nov 5, 2025
Forked from Network

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.

AI-generated description
MIT Licensed

Similar vizzes

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
94% 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
87% match
Loading thumbnail…

q91011

This bubble chart visualizes the correlation between GDP per capita and happiness scores for 20 countries, with bubble radius scaled to population size. Built with D3.js v7 and rendered as SVG, it plots points using linear scales for both axes. The chart includes an interactive tooltip that appears on hover, showing detailed data for each country, and features a legend indicating population size ranges. The data is loaded from a CSV file and processed using D3's `d3.csv` method.

Ppavanpkkalyan3@gmail.com
86% match
Loading thumbnail…

1027Happiness Level Scatter Plot

This scatter plot displays life satisfaction levels across various countries from 2004 to 2017, featuring interactive tools for exploration. Users can select different metrics from a dropdown menu to change the y-axis, and click legend items to highlight specific data points. The visualization, built with D3 v5, renders circles positioned by year and happiness score, with color encoding for countries. A tooltip reveals country and value details on hover, while the legend provides an interactive filter. Data is loaded from a remote CSV file sourced from the World Happiness Report.

KKeerthiKandadai
85% 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
85% match
Loading thumbnail…

1027Happiness Level Scatter Plot

This visualization displays global self-reported life satisfaction from 2004 to 2017, plotting each country-year observation as a point on a scatter plot with selectable y-axis metrics such as GDP per capita or social support. A line chart beneath the scatter plot traces each country’s trends over time, while a color legend allows filtering by specific countries. Built with D3 v5, it uses SVG rendering with animated transitions, d3.scaleOrdinal with interpolateRdYlBu for color mapping, and d3.nest for grouping country lines. Data comes from the World Happiness Report 2017 via Our World in Data.

CChooo4u
85% match
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
84% match
Loading thumbnail…

Fork of q91011

This bubble chart displays the correlation between GDP per Capita and Happiness Score across 20 countries, with bubble size encoding population. Built with D3.js v7, it uses `d3.scaleLinear` for the x and y axes, and for the bubble radius scale. The visualization is rendered as SVG with a custom tooltip that appears on mouseover, showing country-specific details. Data is loaded from a CSV file using `d3.csv`, and includes a legend in the upper right indicating population size ranges.

Kkaushikreddy901@gmail.com
84% match