Skip to main content
SimilarExport ZIP
100%

project1-plot

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

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.

AI-generated description
MIT Licensed

Similar vizzes

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
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…

World Happiness Scatter Plot

This scatter plot visualizes the relationship between GDP per capita and happiness scores using the World Happiness dataset. Each circle represents a country, positioned along the axes with a light gray background and semi-transparent points to reveal overlapping data. The visualization is built with D3.js, employing `scaleLinear` for both axes, `axisBottom` and `axisLeft` for tick marks, and custom `xAxisLabel` and `yAxisLabel` functions for clear labeling. Data points are rendered as circles with fixed radius and opacity, and the plot is designed to adapt to its container’s dimensions.

Ssamozarif@gmail.com
85% match
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
85% match
Loading thumbnail…

WHR2024

This scatter plot displays the relationship between GDP per capita and happiness scores for countries in the 2024 World Happiness Report. Each black circle represents a country, positioned by its logged GDP contribution and overall ladder score. Built with React and D3 v7, the visualization uses `scaleLinear` to map data coordinates and idempotent `select` operations to render circles and axes. The SVG rendering handles axis labels and margins through helper modules.

XXiaojun
85% match
Loading thumbnail…

Activity6_question 3

This scatter plot visualizes World Happiness Report data from 2015–2023, comparing GDP per capita against happiness scores for three selected countries: the United States, Japan, and India. Each circle represents a yearly observation, colored by country via a categorical color scale. The visualization uses D3 v6 to load CSV data from a GitHub repository, with axes rendered using `axisBottom` and `axisLeft`, and scales defined through `scaleLinear` and `scaleOrdinal`. A custom legend, built with SVG rectangles and text, identifies the countries, while the plot dynamically sizes to the browser window.

Ttallapanenisahithi@gmail.com
84% 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
84% match