Skip to main content
SimilarExport ZIP
100%

Life expectancy multiline chart: 1960 – 2011

✓ Published0🌍 Public
PP7h
Last edited Apr 25, 2015
Created on Apr 25, 2015

This interactive multiline chart displays life expectancy at birth for countries worldwide from 1960 to 2012, using data from the World Bank. Users can filter the display by selecting a letter button to view only countries starting with that letter. The visualization uses D3.js v3 to render SVG paths, with a highlight effect applying a steelblue stroke to selected countries such as the United States, China, and India. The chart includes x and y axes generated with d3.svg.axis and a line generator built with d3.svg.line.

AI-generated description

Similar vizzes

Loading thumbnail…

Life Expectancy Slope Graph: 1960 – 2011

A slope graph compares life expectancy at birth in 1960 and 2012 for countries worldwide, using data from the WorldBank. Each country is represented by a line connecting its two values, with labels on both ends, and the SVG is rendered using D3.js version 3. The code parses a CSV file with d3.csv, uses ordinal scales and custom collision-avoidance logic to space labels, and highlights lines and labels in red on hover via CSS classes.

PP7h
83% 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
82% match
Loading thumbnail…

Module 4 Exercise -- Life Expectancy for all the countries.

A horizontal bar chart ranks a subset of countries by life expectancy at birth in 2012, drawing on 53 years of World Bank data loaded from a CSV. The chart uses D3 v3 with an ordinal scale for country names, a linear scale for years, and SVG rects for bars. It pulls a random subset of rows to keep the display readable, and interactive tooltips reveal each country’s value. Axes are rendered via `d3.svg.axis`, and text labels show the exact 2012 value at each bar’s end.

PP7h
80% match
Loading thumbnail…

Final Project: Life Expectancy Bar Chart

This interactive bar chart visualizes the average life expectancy of the top 30 countries, with each bar's length and color intensity representing the life expectancy value. The visualization uses D3.js v7, rendering with SVG, and leverages the d3-legend and d3-annotation libraries for a color legend and explanatory labels. It reads data from a CSV file containing country and life expectancy figures, positioning horizontal bars on a categorical Y-axis and a linear X-axis. Hovering over a bar triggers a tooltip displaying the country name and its exact life expectancy value.

Mmhzahdeh@dons.usfca.edu
78% match
Loading thumbnail…

Time Series Visualization - Search by Country

This interactive visualization displays life expectancy trends from 1960 to 2016 for a user-selected country. The code loads CSV data from a GitHub gist via `d3.csv`, filters rows by matching the entered country name against the 'Country Name' column, and renders a line chart using `d3.line` with `d3.scaleLinear` for the x and y axes. A custom tooltip built with D3 pointer events reveals the precise year and life expectancy value as the user moves over the SVG path.

Ssrikkanth05
77% match
Loading thumbnail…

Module 3 Exercise -- Life Expectancy for all the countries.

A clustered bar chart displays life expectancy at birth in years for a subset of countries in 2012, drawn from a CSV file. The chart presents country names on the y-axis and horizontal bars proportional to their life expectancy values, with each bar labeled by its data value. The visualization sorts the data in descending order and samples every few rows to manage the dataset size. It is rendered as SVG using D3 v3, where the code loads the CSV via `d3.csv`, sorts with `d3.descending`, and appends rectangles and text elements to the SVG canvas.

PP7h
77% match
Loading thumbnail…

A6 Diverging Color Scale Bar Chart

This example visualizes life expectancy in 1960 for a selection of countries using a diverging color scale bar chart. The bars are colored on a green-to-red gradient via a sequential scale with an RdYlGn interpolator, where higher life expectancies appear greener and lower ones redder. The chart uses D3 v7 to load data from a CSV file, create SVG bars with band and linear scales, and render axes with tick labels. A custom legend and axis titles are added using D3’s selection and axis methods, while the underlying data is sourced from a shortened TidyTuesday dataset.

AAllen Jake Polintan
76% match
Loading thumbnail…

Line Chart

This line chart shows the life expectancy of the USA from 1800 to 2016, with the years on the x-axis and expectancy values on the y-axis. The React-based visualization uses D3 v5 scales and the `d3.line` generator to create the SVG path, with axes rendered via `d3.axisBottom` and `d3.axisLeft`. Data is loaded from a CSV file using `d3.csv` and parsed with `d3.timeParse`. Gridlines, axis labels, and a green stroke line are styled through CSS.

SSonuSriN
76% match