Health and Wealth (Andrew Dbelvins)

100%

Health and Wealth (Andrew Dbelvins)

✓ Published0🌍 Public

Last edited Jun 23, 2017

Created on Jun 23, 2017

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.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/andrewdblevins/'>andrewdblevins</a>'s block: <a href='http://bl.ocks.org/andrewdblevins/6a8a89780e7afd9b4c81361f1652335f'>Health and Wealth from Scratch</a>

mit Licensed

Similar vizzes

Loading thumbnail…

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

88% match

Loading thumbnail…

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

87% match

Loading thumbnail…

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

85% match

Loading thumbnail…

Basic Scatter Plot

This scatter plot visualizes the relationship between income per person and health expectancy across countries, with circle size encoding population and color distinguishing world regions. Data comes from the World Wealth & Income Database and the Global Health Observatory. The visualization uses d3.scaleLog for the income axis, d3.scaleLinear for health, and d3.scaleSqrt for population-based circle radii. SVG rendering includes custom axes with gridlines and a categorical color legend built with d3.legendColor.

CCurran Kelleher

82% match

Loading thumbnail…

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.

VVirginiaHNg

82% match

Loading thumbnail…

Basic Scatter Plot

This scatter plot visualizes the relationship between income and health expectancy across countries, with each point representing a nation and colored by region. The x-axis shows GDP per capita (from the World Wealth & Income Database), the y-axis shows health expectancy (from the Global Health Observatory), and point size encodes population. The visualization is built with D3 v4 and rendered as SVG, and it responds to window resize events. The data is loaded from a CSV file and mapped to circle positions, with a log scale for income to handle the wide range of GDP values. Countries are colored according to their region, and the chart includes axes with labels for income and health expectancy. The example demonstrates a straightforward scatter plot for exploring the relationship between economic prosperity and public health across nations, with population encoded in point size and regional distinctions shown by color.

ZZijunXu

82% match

Loading thumbnail…

H&W

This visualization uses D3 v4 to map historical socioeconomic data for 180 countries, plotting income against life expectancy over time. The scatterplot encodes population as circle size and region as color, with each country's trajectory shown across years. The SVG rendering is built from a nations.json dataset, using d3.json to load the data and map each country’s name, region, life expectancy, population, and income into visual variables. Although the code skeleton is incomplete (margins and scales are commented out), the intent is a classic Gapminder-style animated chart with time on the x-axis, income on the y-axis, and circles representing countries. The visualization is licensed under MIT and was created by VirginiaHNg using D3 v4 and blockbuilder.org.

VVirginiaHNg

81% match

Loading thumbnail…

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.

VVirginiaHNg

81% match