Activity6_question 3

100%

Activity6_question 3

✓ Published0🌍 Public

Last edited Oct 22, 2024

Created on Oct 22, 2024

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.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

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

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

83% match

Loading thumbnail…

Activity 7 tutorial

This example shows a scatter plot of the World Happiness Report 2019 data, with the happiness score on the y-axis and a rotating set of six socioeconomic variables on the x-axis, cycling every five seconds. The visualization uses D3’s `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to render the SVG chart, updating the axis labels and circles dynamically. It cycles through GDP per capita, social support, healthy life expectancy, freedom, generosity, and corruption perceptions, with Croatia, the U.S., and other countries visible as data points. The animation runs in the browser with a fixed five-second interval.

Nnissisharon61@gmail.com

82% 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

82% 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

82% 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

82% match

Loading thumbnail…

Happiness Level Plot

This scatter plot displays each country’s life satisfaction ranking against the year, from 2004 to 2016, using data from the World Happiness Report 2017. It is built with D3 v5 and renders as an SVG, with a time-scaled x-axis and a linear y-axis. The code uses `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, and appends semi-transparent orange circles to represent data points. The CSV dataset is loaded via D3’s `csv` method, and the plot includes axis labels and a title.

CChooo4u

81% 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

81% match