Skip to main content
SimilarExport ZIP
100%

Life Expectancy Slope Graph: 1960 – 2011

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

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Life expectancy multiline chart: 1960 – 2011

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.

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

7q3

This example visualizes life expectancy across countries as a line chart, with each country plotted along the horizontal axis and life expectancy on the vertical axis, which is fixed between 60 and 90 years. The chart is rendered as an SVG using D3 v7, fetching CSV data from a GitHub gist. The code uses `d3.csvParse` to load the data, `d3.scaleBand` and `d3.scaleLinear` for positioning, and `d3.line` to draw the path. Axis labels are rotated for readability, and the line is styled in steelblue.

Kktvgs25@gmail.com
76% 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
76% 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
76% match
Loading thumbnail…

d3 line chart (5 lines)

This line chart shows life expectancy growth from 1990 to 2010 for five North American countries, using colorbrewer’s Accent palette to distinguish each country. Built with D3 v7, the visualization draws five separate line paths using `d3.line()`, with gray circles marking individual yearly data points. The chart uses linear scales for both axes, with an ordinal color scale for the legend. The data is loaded from a CSV file via `d3.csv()` and simplified from the original global development dataset. The black background and white labels create high contrast, while the legend is added using the d3-legend plugin.

AAndrew
75% match