Skip to main content
100%

Testing

✓ Published0🌍 Public
Aandrescardenasp
Last edited Jul 29, 2018
Created on Jul 24, 2018

This visualization plots Gapminder data from 1964 to 2013, showing how fertility rates and life expectancy evolved across countries over time. Each country is drawn as a circle on a canvas, positioned by fertility and life expectancy, with circle size encoding population and color encoding region. The chart animates through the years, revealing global health and demographic transitions.

AI-generated description

Pruebas D3

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

This example visualizes global health and economic trends using a Gapminder-style scatterplot. Each circle represents a country, positioned by life expectancy (x-axis) and fertility rate (y-axis), with circle size encoding population and color representing geographic region. The visualization animates through years 1964 to 2013, showing how countries move across the chart as their metrics evolve. The data, loaded from a CSV, includes fields for country, year, fertility, life expectancy, population, child mortality, and GDP. Using D3 v5 and SVG rendering, the chart emphasizes the relationship between health outcomes and economic development over time, with a transition effect revealing changing distributions across decades. The visualization is minimal and functional, with axes labeling life expectancy and fertility, and a legend for regions.

JJuanma-GP
86% match
Loading thumbnail…

fresh block

This scatterplot visualizes Gapminder data from 1970, plotting fertility against life expectancy for various countries. Each circle’s size encodes population, while its color distinguishes geographic regions. The visualization uses d3.csv to load the data, d3.scaleLinear for the axes, d3.scaleSqrt for circle sizing, and d3.scaleOrdinal with schemeCategory10 for region colors. SVG elements are drawn via d3 selections, with axes generated using d3.axisBottom and d3.axisLeft, and a legend included.

AAitorCCE
83% match
Loading thumbnail…

Gapminder

This visualization recreates the classic Gapminder bubble chart, plotting countries as circles on a grid of female literacy rate (x-axis) against fertility rate (y-axis). Circle area encodes population, and color maps to continent. The chart is rendered with D3 v5 using SVG, with country names from the CSV appearing in French. The data highlights global patterns, such as the clustering of high-fertility African nations at the lower right and the concentration of European and Asian countries with higher literacy and lower fertility at the upper left.

JJuanma-GP
82% match
Loading thumbnail…

gapminder with interaction

This interactive Gapminder-style visualization animates the relationship between GDP per capita (log-scaled on the x-axis) and life expectancy (y-axis) across countries from 1960 to 2005, with circle size encoding population. Countries are colored by region using a categorical palette. A play button and year slider let users scrub through time, triggering smooth transitions of the circles as the data updates. Built with D3 v4, it renders as an SVG animation with hover tooltips that display country details. The visualization is forked from almccon's gapminder demo and color variants, adding interactivity to the classic animated scatterplot.

AAlan McConchie
81% match
Loading thumbnail…

gapminder live demo

This interactive bubble chart reproduces the classic Gapminder visualization, plotting GDP per capita against life expectancy for countries around the world. Each circle’s position encodes economic output and health outcomes, while its area represents population and its color indicates geographic region. The chart is rendered as SVG using D3 v4, with data loaded from a CSV file containing country-level metrics. Users can explore the relationship between wealth and longevity across nations, with the x-axis showing log GDP and the y-axis showing life expectancy, making regional patterns and outliers readily apparent.

AAlan McConchie
81% match
Loading thumbnail…

Gapminder Clone

This interactive visualization recreates the classic Gapminder chart, plotting GDP per capita against life expectancy for countries over time from 1800 to 2014. Users can filter by continent via a custom dropdown menu and animate the progression through years with a play button. The code uses D3 v7 scales, axes, and transitions for the SVG rendering, with a tooltip displaying country details on hover. Data is loaded as JSON from an external GitHub source, and a custom dropdown module handles the continent selection.

AAdan Rodriguez
81% match
Loading thumbnail…

Fork of GapMinder (CP341 Style)

This example shows a GapMinder-style visualization comparing GDP per capita and average lifespan across countries from 1800 to 2008. A scatter plot on the left displays country-level data points, while a line chart on the right traces each country’s lifespan trajectory over time, with a brushable slider and continent filter. Hovering over a point highlights its corresponding line and shows a tooltip with population, income, and life expectancy. The visualization uses D3 v6 with custom scales, SVG rendering, and animation transitions to update positions smoothly. Annotations display historical facts for specific years, such as the Spanish Flu pandemic.

Cchris.shimotake@gmail.com
81% match
Loading thumbnail…

Fork of GapMinder (CP341 Style)

This visualization presents a fork of the classic GapMinder chart, displaying country-level GDP per capita against average lifespan across time. The left panel shows a scatterplot of circles scaled by population, while the right panel traces each country’s lifespan trajectory over years. Users control the year via a slider and filter by continent through a dropdown. Built with React and D3 v6, the code uses `d3.scaleLog`, `d3.axisBottom`, and `lineGenerator` for SVG rendering. Data comes from a JSON file, with hover tooltips and historical annotations displayed via custom event handlers.

Kkaijavanzante@gmail.com
80% match