H&W

Class 02 Homework - Life & Income

This visualization plots the relationship between national income and life expectancy for over 100 countries, using a scatterplot where each circle represents a country. The code loads data from an embedded array, scales income and life expectancy values to map positions, and renders the points as SVG circles. It uses D3 v4's `d3.scaleLinear` for both axes and `d3.axisBottom`/`d3.axisLeft` to generate the chart frame. The visualization directly encodes each country’s income on the x-axis and life expectancy on the y-axis, revealing a positive correlation between wealth and longevity.

83% match

The Wealth & Health of Nations

This interactive scatterplot animates 209 years of global development, tracing each nation’s per-capita income (x-axis), life expectancy (y-axis), and population (circle radius) across time. Clicking and dragging the year slider scrubs forward and backward through the dataset, with circles colored by geographic region. The visualization uses D3 v3’s scales (log, linear, sqrt), axes, and transitions, interpolating sparse historical data from Gapminder via linear interpolation and bisection. Rendered as animated SVG elements, it recreates Hans Rosling’s famous 2006 TED talk visualization.

Aabhineetsingh10

82% match

CS171 - Health & Wealth of Nations

A scatterplot shows the relationship between national income and average life expectancy across countries, with bubble size representing population and color indicating world region. The visualization loads data from a CSV file and renders circles in an SVG using D3 v5, applying logarithmic and linear scales to map income and life expectancy. Animated transitions are not present, but the chart includes axis labels and a legend-less ordinal color scale for categorical region data.

Yyuva24

82% match

Data Reading & Shaping

This animated bubble chart visualizes global health and wealth trends from 1950 to 2009 using the Gapminder-style layout. Each circle represents a country, positioned by income per capita (log scale) on the x-axis and life expectancy on the y-axis, with circle size encoding population and color encoding region. The visualization reads from a nested JSON dataset and reshapes it into per-year records, then uses D3 v4 transitions to smoothly update the bubbles as the year increments, accompanied by a counter display. SVG rendering with animated transitions illustrates changes in development indicators across nations over six decades.

82% match

Class 02 Homework - Life & Income

This scatterplot shows the relationship between per-capita income and life expectancy across countries, with each point representing a nation. The visualization uses D3 v4 to map income on the x-axis and life expectancy on the y-axis, rendering the data as SVG circles. The code relies on D3’s scales and axis functions to position and label the plot, while the data is loaded from an embedded array of country-specific values.

Health and Wealth (Andrew Dbelvins)

Health and Wealth is an animated scatterplot that tracks the relationship between income and life expectancy for countries from 1950 to 1955. Each circle represents a country, with its x-position determined by log-scaled income, y-position by life expectancy, and radius by population. The visualization uses D3 v4 with SVG and transitions to animate the movement of circles as the year increments, highlighting changes in health and wealth over time. The axes are labeled with income (log scale) and life expectancy (linear scale), providing a clear temporal narrative of global development.

wealth & health of nations

This scatterplot, titled “wealth & health of nations,” visualizes the relationship between income per capita and life expectancy across countries. Each circle represents a nation, positioned along a logarithmic x-axis for income and a linear y-axis for life expectancy. Hovering over a circle displays a tooltip with the country’s name. The chart includes labeled axes for "Income per capita" and "Life Expectancy," and the D3 v4 code uses an SVG and animation to render the data.

EElaineYu

Wealth & Health of Nations Lab

This example visualizes the relationship between income and population for nations over time. The code loads a JSON dataset containing per-country income, population, and life expectancy data, and uses d3.nest() to group income data by year. An SVG container is created with a fixed size, though the visualization logic itself is incomplete and currently only logs the nested data structure to the console.