Skip to main content
SimilarExport ZIP
100%

life-expectancy-network-final

✓ Published0🌍 Public
Aabhyudaithakur7@gmail.com
Last edited Dec 7, 2025
Created on Dec 7, 2025

This interactive network visualization maps global life expectancy trends from 2000 to 2023. Each node represents a country, with its size proportional to the latest year's life expectancy and its color indicating geographic region. Edges connect countries whose life expectancy time series are most strongly correlated, based on Pearson correlation coefficients (top-K neighbors, thresholded by a minimum r-value). Users can drag nodes, pin them in place, search for specific countries, and filter by region via an interactive legend. The visualization, built with React and D3.js (d3.v7), uses a force-directed layout to position nodes dynamically.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Life Expectancy – Similarity Network

This interactive network visualization shows how countries compare in their life-expectancy trajectories from 2000 to 2023. Each node represents a country, sized by its final life-expectancy value and colored by geographic region. Edges connect countries with similar yearly patterns, computed using Pearson correlation within a user-selectable time window. The visualization uses `d3.forceSimulation` for layout, `d3.scaleOrdinal` for regional coloring, and a brushable year-range slider. Users can hover or click the color legend to highlight or filter regions, while a search box queries specific countries. An interactive legend supports multi-select filtering, and a tooltip displays details on demand.

Aabhyudaithakur7@gmail.com
91% match
Loading thumbnail…

Fork of Life Expectancy – Similarity Network (COLOR)

This visualization presents a network of countries, where each node represents a nation and its size corresponds to life expectancy at the end of the selected year range. Node colors indicate geographic region, and edges connect countries with similar life expectancy trajectories, calculated using Pearson correlation over a user-selectable time window. Interactive controls allow filtering by year range, similarity threshold, and k-nearest neighbors, while a color legend enables highlighting or filtering specific regions. The implementation uses React for state management, D3.js for force-directed layout and SVG rendering, and fetches geographic region data from a GeoJSON source.

Aabhyudaithakur7@gmail.com
86% match
Loading thumbnail…

Fork of Life Expectancy – Similarity Network-polish-v1

A similarity network visualizes life expectancy trends from 2000–2023, where countries are nodes sized by end-year values and colored by region, with edges linking the most correlated time series. Using React and D3 v7, the force-directed layout runs with `d3.forceSimulation`, while edges derive from Pearson correlation calculations across selected year ranges. Interactions include node dragging, pinning via double-click, region-based filtering, and a search tool. Data comes from a parsed CSV with ISO3 country codes, and geographic regions map via the world-countries GeoJSON dataset.

Aabhyudaithakur7@gmail.com
85% match
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
82% 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
79% match
Loading thumbnail…

Interactive Color Legend Scatter Plot for Life Expectancy Data with Menu for Mortality

This interactive scatter plot visualizes correlations between life expectancy, infant deaths, and adult mortality across continents. Using React and D3 v5, the visualization includes dropdown menus to switch the x- and y-axis attributes, while continent data drives the ordinal color scale for the legend. Circle sizes encode GDP, and tooltips display life expectancy values. The color legend supports hover interaction with fade effects for highlighting specific continents, and the data originates from a CSV file loaded via d3.csv.

Aaishwarya8615
77% match
Loading thumbnail…

Interactive Color Legend Scatter Plot for Life Expectancy Data with Menu

This interactive scatter plot visualizes life expectancy data, allowing users to explore correlations between different health and economic attributes across continents. A pair of dropdown menus controls which variables appear on the X and Y axes, while a color legend enables filtering by continent with hover highlighting. The visualization uses D3 scales and SVG rendering with React components, including custom axes, marks, and a color legend that responds to mouse events.

Aaishwarya8615
76% 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
76% match