Skip to main content
100%

Class 02 Homework - Life & Income

✓ Published0🌍 Public
VVirginiaHNg
Last edited Jun 14, 2017
Created on Jun 14, 2017

This visualization plots the relationship between national income and life expectancy for over 100 countries, using a scatterplot where each circle represents a country. The code loads data from an embedded array, scales income and life expectancy values to map positions, and renders the points as SVG circles. It uses D3 v4's `d3.scaleLinear` for both axes and `d3.axisBottom`/`d3.axisLeft` to generate the chart frame. The visualization directly encodes each country’s income on the x-axis and life expectancy on the y-axis, revealing a positive correlation between wealth and longevity.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Class 02 Homework - Life & Income

This scatterplot shows the relationship between per-capita income and life expectancy across countries, with each point representing a nation. The visualization uses D3 v4 to map income on the x-axis and life expectancy on the y-axis, rendering the data as SVG circles. The code relies on D3’s scales and axis functions to position and label the plot, while the data is loaded from an embedded array of country-specific values.

VVirginiaHNg
96% match
Loading thumbnail…

Nesting - Class 09 Homework

The visualization plots African and Asian countries by income against life expectancy, with each country represented as a circle positioned on a scatterplot. It uses D3.js v4 to bind the dataset to SVG circles, applying scale functions to map income and life expectancy values to x and y coordinates. The code also computes a color scale for the circles based on income, though no explicit legend or axis labels are present in the visible implementation. The example is built with Blockbuilder.org and renders entirely as inline SVG elements.

VVirginiaHNg
84% match
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
83% match
Loading thumbnail…

H&W

This visualization uses D3 v4 to map historical socioeconomic data for 180 countries, plotting income against life expectancy over time. The scatterplot encodes population as circle size and region as color, with each country's trajectory shown across years. The SVG rendering is built from a nations.json dataset, using d3.json to load the data and map each country’s name, region, life expectancy, population, and income into visual variables. Although the code skeleton is incomplete (margins and scales are commented out), the intent is a classic Gapminder-style animated chart with time on the x-axis, income on the y-axis, and circles representing countries. The visualization is licensed under MIT and was created by VirginiaHNg using D3 v4 and blockbuilder.org.

VVirginiaHNg
83% 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…

Wealth & Health of Nations Lab

This example visualizes the relationship between income and population for nations over time. The code loads a JSON dataset containing per-country income, population, and life expectancy data, and uses d3.nest() to group income data by year. An SVG container is created with a fixed size, though the visualization logic itself is incomplete and currently only logs the nested data structure to the console.

VVirginiaHNg
81% match
Loading thumbnail…

Health and Wealth (Andrew Dbelvins)

Health and Wealth is an animated scatterplot that tracks the relationship between income and life expectancy for countries from 1950 to 1955. Each circle represents a country, with its x-position determined by log-scaled income, y-position by life expectancy, and radius by population. The visualization uses D3 v4 with SVG and transitions to animate the movement of circles as the year increments, highlighting changes in health and wealth over time. The axes are labeled with income (log scale) and life expectancy (linear scale), providing a clear temporal narrative of global development.

VVirginiaHNg
80% 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
79% match