Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Gapminder Data in React and D3 - interactive regions

Public visualization

Viewing a saved revision (read-only)

3fd87e706b8f4e86ad81984bb1413a4a

Gapminder Data in React and D3 - interactive regions

1 star1🌍 Public

This interactive Gapminder visualization, built with React and D3, maps country-level indicators like income per capita, life expectancy, and fertility rate over time (1950-2015). Users can switch axes, scrub through years with a slider, and hover or click the color legend to highlight or select world bank regions. The map background uses `geoNaturalEarth1` and `geoPath` from D3, while SVG circles are scaled with `scaleSqrt` and colored via `scaleOrdinal`. Data is fetched from a Gapminder summary CSV.

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