A9 Life Expectancy of the World in 2015

100%

A9 Life Expectancy of the World in 2015

✓ Published0🌍 Public

Last edited Apr 1, 2024

Created on Mar 31, 2024

A choropleth map of the world displays national life expectancy in 2015, with a quantized color scale shading countries from pale lavender to deep purple based on their average lifespan. The visualization loads country boundaries from a GeoJSON file and life expectancy data from a CSV using D3 v7, projecting geographic coordinates with `d3.geoMercator` and rendering paths via `d3.geoPath`. A hover interaction changes the fill color of individual countries, while the underlying data originates from the World Health Organization via Kaggle.

AI-generated description

Data of Life Expectancy is from: https://www.kaggle.com/datasets/kumarajarshi/life-expectancy-who Json file is from:https://github.com/johan/world.geo.json/blob/master/countries.geo.json Note: Some of the countries data were missing so I had to fill in data by looking up the life expectancy of countries on Google which had information from the World Bank

Used Scott Murray's Data Viz chapter 14 for reference once again

MIT Licensed

Similar vizzes

Loading thumbnail…

life-expectancy-map

This interactive choropleth map displays global life expectancy by country, with a selectable year slider that updates the color-coded visualization. Built with React and D3 v7, it loads UN WPP data from a CSV file and combines it with world GeoJSON topology using continent geometry from world-atlas. The map uses d3.geoPath, d3.scaleSequential, and d3.interpolateYlGnBu to render country polygons, while d3.pointer and mouse events drive tooltip interactions showing country names and values.

Aabhyudaithakur7@gmail.com

81% match

Loading thumbnail…

Map Example

This example visualizes global life expectancy by coloring countries on a Mercator-projected world map, with a white-to-blue linear color scale mapping values. Hovering a country fades others to 50% opacity, highlights the selected one, and outlines it with a black stroke. Built with React and SVG, it uses d3.geoPath with a geoMercator projection to draw GeoJSON features, d3.queue to load data, and d3.csv to parse the 2023 world dataset. Data includes a d3.map storing life expectancy per country, with colors applied via a scaleLinear domain from the data’s extent.

LLouisa Penrice

80% match

Loading thumbnail…

Fork of life-expectancy-map-polish-v1

This interactive choropleth displays global life expectancy by country across selectable years, using a color-coded world map rendered with React and D3 v7. The visualization loads data from a CSV file containing Entity, Code, Year, and life expectancy values, which are parsed and filtered to valid ISO-3 country codes. Countries are drawn using `d3.geoPath` with GeoJSON data from the world-countries package, and a year slider controls which temporal snapshot appears. A color scale encodes the life expectancy values, while hover interactions show detailed tooltips. The implementation uses `d3.text`, `d3.dsvFormat`, and React hooks for state management.

Aabhyudaithakur7@gmail.com

78% match

Loading thumbnail…

A9 World Choropleth Map

A9 World Choropleth Map visualizes GDP per capita across countries in 2022 using a Mercator projection and a threshold color scale from `d3.scaleThreshold` and `d3.schemeBlues`. The map, rendered as SVG, colors each country path via `d3.geoPath`, with gray for missing data, and includes interactive tooltips showing country name and GDP value on mouseover. A separate SVG legend, built with `d3.legendColor`, displays the color thresholds. The code loads GeoJSON country boundaries and CSV economic data using `d3.json` and `d3.csv` with a queued `d3.queue`.

Hhxu51@usfca.edu

77% match

Loading thumbnail…

Assignment 9 World Chloropleth Map

This example presents a world choropleth map visualizing crude death rates per 1000 population in 2012, with countries colored using a threshold scale and green color scheme. A legend and title clarify the metric, while interactive tooltips display each country’s exact value on mouseover. Built with D3 v6, it uses d3.csv to load UN data, d3.json with topojson to fetch world country geometries, and d3.geoPath with a geoAlbers projection to render SVG paths. A d3.legendColor component generates the color legend.

Aahuynh8@dons.usfca.edu

76% match

Loading thumbnail…

[A9] World Birth Rate (World Choropleth Map)

This example shows a world choropleth map of birth rates across countries, with color intensity reflecting the rate value and gray indicating missing data. The visualization uses an SVG rendered with D3.js and React, projecting geographic features via `d3.geoMercator` and drawing them with `d3.geoPath`. Birth rate data is loaded from a CSV and matched to country names, then mapped to a sequential color scale (`d3.interpolateYlOrRd`). Hovering over a country reveals a tooltip with the specific birth rate.

Cctan13@dons.usfca.edu

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

76% match

Loading thumbnail…

A9 World Choropleth

This choropleth displays world happiness scores for 2022, coloring each country on a blue sequential scale and revealing its name and score on hover via SVG `<title>` tooltips. It loads CSV data and TopoJSON world geometry, then renders paths with `d3.geoPath()` and a Mercator projection. The implementation uses D3 v7, TopoJSON, and d3-legend, with color mapping from `d3.scaleSequential` and `d3.interpolateBlues`.

NNoah C.

76% match