Skip to main content
SimilarExport ZIP
100%

Fertility and life expectancy

✓ Published0🌍 Public
SSokrates86
Last edited Jan 11, 2016
Created on Jan 11, 2016

This example shows the relationship between fertility rate and life expectancy for eight European countries over the period 2002-2013. Each country is represented as a set of points on a scatter plot, with the x-axis showing fertility and the y-axis showing life expectancy. The visualization uses D3.js to render an SVG chart, plotting annual data points for each country to reveal trajectories and trends over time, such as increasing life expectancy and fluctuating fertility rates. The data is embedded directly in the HTML source.

AI-generated description

Built with blockbuilder.org

Similar vizzes

Loading thumbnail…

A scatter plot comparing EU fertility rate with urban population %

This scatter plot displays the relationship between EU countries’ fertility rates and their urban population percentages, with each circle labeled by country name. The visualization uses D3 v7’s `scaleLinear`, `axisLeft`, and `axisBottom` to map data from a CSV file supplied by the author via a GitHub gist. Circles are positioned using the scaled values, and country labels are placed with adjusted vertical offsets to reduce overlap. The chart is rendered as an SVG that fills the browser window, with salmon-colored text labels distinguishing them from the default circle marks.

YYiorgos Bagakis
78% match
Loading thumbnail…

Fork of A scatter plot comparing EU fertility rate with urban population %

This scatter plot visualizes the relationship between EU countries' fertility rates and their urban population percentages, with each data point labeled by country name. The visualization uses D3 v7’s `scaleLinear`, `axisLeft`, and `axisBottom` to map the CSV data—sourced from a GitHub gist—to SVG circles and text elements. The plot fills the entire browser window, with axes positioned at the chart’s margins and salmon-colored country labels offset for readability. Data parsing converts string values to numbers for accurate scaling and positioning.

HHieuVu179
77% match
Loading thumbnail…

Ejercicio 6 - v2

This visualization displays the relationship between fertility rate and life expectancy across countries for the year 1983. Each circle represents a country, with its position determined by these two variables and its size scaled to population. The chart uses color to differentiate world regions, and includes a legend and labeled axes with gridlines. Built with D3 v5, it loads data from a CSV file, employs scales such as `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal`, and renders the result as SVG circles.

MMiguelho
76% match
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
76% match
Loading thumbnail…

Module 5 Exercise -- Life Expectancy for all the countries.

Two side-by-side scatterplots show life expectancy at birth for every country in 1960 and 2012, with each orange circle representing a nation and its vertical position indicating the reported years. The paired charts let viewers compare global longevity changes across the five-decade span. Using d3.v3, the code loads the CSV data, sorts countries by life expectancy, and renders the circles with SVG, applying a staggered transition to animate their appearance. The y-axis uses a fixed 20-to-90 year scale, and hover tooltips reveal each country’s exact value. Data originates from the World Bank’s 2014 indicator.

PP7h
74% match
Loading thumbnail…

Countries Scatter plot

A scatter plot displays the relationship between fertility rate and urban population for 50 countries, with each circle representing a nation. The chart uses D3.js to create a linear x-scale for fertility rate and a reversed linear y-scale for urban population percentage. Grid lines extend from both axes, and axis labels clarify the variables. Data comes from a CSV file parsed with `d3.csv`, while the visualization is rendered as an SVG with circles styled in semi-transparent purple.

Aarieltonglet
74% match
Loading thumbnail…

Activity6_Question4

This interactive bubble chart displays the relationship between fertility rate and life expectancy for ten countries in 2010, with bubble size representing population and color encoding geographical region. Hovering over a bubble reveals a tooltip with the country name, region, and population. The visualization uses D3 v7's `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for regional coloring, and `axisBottom`/`axisLeft` for tick marks, loading data from a local CSV file into an SVG rendered through D3's selection API.

Ddandudivya98@gmail.com
74% match
Loading thumbnail…

side by side barchart

This side-by-side bar chart compares fertility rate, birth rate, and life expectancy across continents using a grouped bar layout. Each continent displays three colored bars—steelblue for fertility, orange for birth rate, and green for life expectancy—all sharing a common y-axis of mean values. Built with D3 v7 in a React environment, the visualization renders SVG rectangles positioned via `d3.scaleBand` and `d3.scaleLinear`, with data fetched from a CSV file hosted on GitHub. A legend and axis labels clarify the encoded metrics.

LLayaMyadam@my.unt.edu
74% match