Skip to main content
100%

Nations Line Graph v2

✓ Published0🌍 Public
VVirginiaHNg
Last edited Jul 7, 2017
Created on Jun 28, 2017

This line chart explores life expectancy trends across nations from 1800 to 2009. A dropdown menu lets users select a country, and the visualization updates to display that nation’s life-expectancy over time on a line chart with axes for year and life expectancy. The chart is rendered with SVG using D3 v4, with data loaded from a JSON file. The x-axis shows the year, the y-axis shows life expectancy, and the selected country’s line is highlighted in green. The example demonstrates interactive filtering of time-series data through a dynamically populated selection control.

AI-generated description

Built with blockbuilder.org

mit Licensed

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

Data Reading & Shaping

This animated bubble chart shows the relationship between income per capita, life expectancy, and population for nations from 1800 to 2009, with bubbles colored by region. Using D3 v4 and SVG, it loads data from a JSON file, applies logarithmic and linear scales, and updates circle positions through a 2-second transition each year. A counter displays the current year as the visualization progresses through the dataset.

EElaineYu
77% match
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
77% 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
77% match