Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Gapminder Data in React and D3 - world map background

Public visualization

Viewing a saved revision (read-only)

ded0acbe938c4fea955fa05de8a12128

Gapminder Data in React and D3 - world map background

0 stars2🌍 Public
Llakalia@wpi.edu
Last edited Oct 17, 2020
Created on Oct 16, 2020

This visualization displays Gapminder country data—including income per capita, total population, life expectancy, and fertility rate—as colored circles plotted over a world map background. A dropdown menu allows switching the y-axis attribute, while circles are color-coded by World Bank global region. The map is rendered using `d3.geoNaturalEarth1` and `d3.geoPath` with TopoJSON world atlas data, while React manages component state and D3 scales handle axes and color encoding.

AI-generated description

Hans Rosling Gapminder data sets: A visualization in React and D3.

Hans Rosling Gapminder summary from 1950 is a summary of data that was downloaded from Step 1 of How to build Animated Charts like Hans Rosling — doing it all in R and originally comes from Gapminder.com