Basic Scatter Plot

100%

Basic Scatter Plot

✓ Published0🌍 Public

Last edited Sep 8, 2018

Created on Sep 8, 2018

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.

AI-generated description

The GDP per capita data are comes from World Wealth & Income Database.

The health data expectancy are gathered from Global Health Observatory data repository.

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/ecb09f2605c7fbbadf0eeb75da5f0a6b'>Stylized Scatter Plot with Color Legend</a>

forked from <a href='http://bl.ocks.org/ZijunXu/'>ZijunXu</a>'s block: <a href='http://bl.ocks.org/ZijunXu/a824ba06e5630251ac21b7158ea57fa3'>Relation Between Income And Health Expectancy In Different Countries</a>

Modified so that area corresponds to population values.

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

85% 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

83% match

Loading thumbnail…

Fork of D3 scatterplot

This scatterplot displays the relationship between health and population from the Gapminder health-income dataset, with each point representing a country. The visualization uses D3 v7 to fetch CSV data, scale both axes linearly based on the data extent, and render points as SVG circles. Axes are added using `axisLeft` and `axisBottom` from D3's scale API, with data mapped through `scaleLinear` and the extent function. The chart fills the entire browser window, with custom margins and styled tick text.

AAnshul Rawat

80% 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

80% match

Loading thumbnail…

fresh block

This example visualizes global health and wealth data by plotting circles for each country on logarithmic and linear scales. The x-axis shows GDP per capita (wealth), the y-axis shows life expectancy (health), and circle radius encodes population size, with colors representing continents. The visualization is built with D3 v4, using SVG rendering, and employs `d3.scaleLog`, `d3.scaleLinear`, and `d3.scaleSqrt` for positioning and sizing. Data is loaded from a CSV file, with axes labeled in French for per-capita income and life expectancy at birth.

CClaraGriot

80% match

Loading thumbnail…

Interactive Color Legend Scatter Plot for Health Expenditure Vs Life Expectancy

This interactive scatter plot visualizes the relationship between health expenditure and life expectancy across countries, with continents encoded by color. A dropdown menu allows users to switch which attribute maps to the X and Y axes, while hovering over the color legend highlights points from that continent and fades others. Built with React and D3 v5, it uses `scaleLinear` for axes, `scaleOrdinal` for colors, and SVG circles rendered via the `Marks` component. Data comes from a CSV file loaded with `d3.csv`.

Aaishwarya8615

78% 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

78% match

Loading thumbnail…

HDI Scatter Plot Simple

A scatterplot compares mean life expectancy at birth in 2021 against gross national income per capita in 2021, with semi-transparent circles revealing dense country clusters. The visualization uses D3’s `scaleLinear` and `extent` functions to map data, and D3’s `select` and `join` API to render the circles. It loads data from a CSV, parsing values with `csvParse`. The plot lacks interactive hover details, so outlier countries remain unidentified.

SSpencer McAvey

78% match