100%

Area Chart with Life Expectancy, Adult and Infant Deaths

✓ Published0🌍 Public

Last edited Sep 26, 2019

Created on Sep 24, 2019

A stacked area chart visualizes life expectancy alongside adult and infant mortality rates over 15 years, using data from WHO Life Expectancy Data. The stacked series reveal potential correlations and collinearity between these metrics, with total deaths appearing to decrease alongside life expectancy changes. The visualization is built with React and D3 v4, using d3.stack, d3.area, and d3.area-label to position series labels, while d3.scaleTime and d3.scaleLinear handle axes. SVG rendering supports interactive hover effects that highlight individual area layers.

AI-generated description

Life Expectancy Data:

Dataset Source:

Life Expectancy WHO Data uses the stacked area chart visualization using D3 and React.

About the Visualization and Analysis:

A stacked area chart of Life Expectancy Data based and Adult and Infant Deaths.

This is an effort to find the correlation between the Adult and Infant deaths to Life Expectancy for a period of 15 years. We can see that there is a multi collinearity between the three and also a clear indication that sum of deaths/year decreases as the life expectancy also decreases.

Uses d3-area-label to position labels.

Note: This area chart is forked from Professor Curran's work on CO2 Emissions Over Time

I am currently working on updating the sum with the average. I find it difficult as the count of the countries per year varies(and hence the average calculation keeps differing).

MIT Licensed

Similar vizzes

Loading thumbnail…

Area Death's

This area chart displays the average life expectancy by year, with the area filled in orange beneath a curved line. The visualization uses D3 version 5’s `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to smooth the data, while `axisLeft` and `axisBottom` render the labeled axes. Data is loaded from a CSV file hosted in a GitHub gist, and the SVG output includes a red title and purple axis labels.

Ssaishashank

82% match

Loading thumbnail…

Area Chart

This area chart visualizes the average life expectancy over time, using a blue filled region beneath a line to emphasize the trend. Built with D3 v7, the SVG graphic relies on `d3.area()` to generate the path, with linear scales for both axes and data parsed from a CSV file. Axis ticks are added via `d3.axisBottom` and `d3.axisLeft`, while the chart's dimensions are set with explicit margins for clear presentation.

GGogineni44

81% match

Loading thumbnail…

Areachart1

This area chart visualizes the average life expectancy in a specific dataset, illustrating changes over time with a filled orange area beneath a line. The chart, titled "Death By stroke," uses a time-scaled x-axis for years and a linear y-axis for life expectancy values. Built with D3 v5, the visualization constructs the area using D3's `area()` and `curveBasis()` functions, with axes formatted via `axisLeft` and `axisBottom`, and includes custom labels. The data is loaded from a remote CSV file using D3's `csv()` method.

GGogineni44

80% match

Loading thumbnail…

Fork of Area Death's

This area chart visualizes death by stroke, plotting average life expectancy against years. The visualization uses d3.area() with a curveBasis for smooth interpolation, d3.scaleTime() and d3.scaleLinear() for axes, and d3.axisBottom() and d3.axisLeft() with gridlines. Data is loaded via d3.csv() from a GitHub gist, rendered as an SVG, and styled with orange fill and a red title. The chart includes axis labels for years and life expectancy.

Cchandanagandla

79% match

Loading thumbnail…

Area Chart

This area chart visualizes life expectancy in the United States over time, using a smooth, filled curve to show the trend. The D3 code (v5) loads data from a CSV file and uses `scaleTime` and `scaleLinear` for the axes, `area` with `curveBasis` to generate the smooth area path, and `axisBottom` and `axisLeft` for gridlines and labels. The title and axis labels are added as SVG text elements.

SSonuSriN

79% match

Loading thumbnail…

Area Death's

This area chart displays the average life expectancy for deaths by stroke across a series of years. The visualization uses D3 v5's `scaleTime`, `scaleLinear`, `area`, and `curveBasis` APIs to generate a smooth filled path, with axes created via `axisLeft` and `axisBottom`. Data is loaded from a CSV file hosted on GitHub, and the SVG rendering includes labeled axes and a title, with the fill and text colors defined in a separate CSS file.

GGogineni44

78% 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

78% match

Loading thumbnail…

Area Chart

This area chart displays the life expectancy of the USA over time, using a smooth, filled curve to emphasize the upward trend. The visualization uses D3 v5, loading data from a CSV file hosted on GitHub. It implements a time-scaled x-axis and a linear y-axis, with the area rendered using the `area` and `curveBasis` functions. Axis labels and a title are added via SVG text elements.

SSonuSriN

78% match