Life Expectancy – Similarity Network

life-expectancy-network-final

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.

91% match

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.

88% match

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.

88% match

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.

76% match

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

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

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

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.