Final Project: Life Expectancy Bar Chart

A5_BubbleChart

This visualization shows life expectancy across various countries using a bar chart with a sequential color scale. The chart maps average life expectancy values to a light-to-dark green gradient, with color intensity and bar height both encoding the data. Built with D3 v7 and rendered as SVG, it uses d3.scaleSequential with d3.interpolateRgb for coloring, d3.scaleBand for the x-axis, and d3.legendColor from the d3-legend library for the legend. The data comes from a CSV file hosted on GitHub containing country-level expectancy metrics.

DDuc Pham

83% match

No6

A bar chart displays life expectancy for each country, sorted from highest to lowest, using horizontal bars whose width encodes the value in years. The visualization renders as SVG rectangles via D3 v3, with the data loaded from a CSV file containing population and health statistics. Hovering over a bar reveals a tooltip with the country name and its exact life expectancy, implemented through D3's `append("title")` method.

83% match

No6

A horizontal bar chart displays life expectancy for each country, sorted in descending order, with bars extending proportionally to the value. The visualization uses a D3.js v3 script to read a CSV file, sort the data numerically, and generate SVG rectangles. Each bar includes a tooltip via a title element that reports the country's name and life expectancy value.

82% match

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

81% match

No6

A horizontal bar chart displays countries’ life expectancy at birth, sorted in descending order so the longest-living nations appear at the top. Each bar’s width is proportional to the life-expectancy value, and hovering reveals a tooltip with the country name and exact figure via a `title` element. The code loads data from a CSV file, sorts it with `d3.descending`, and renders the SVG rectangles using D3 v3’s data join (`selectAll`, `enter`, `append`). The chart uses a white SVG canvas set against a turquoise page background.

No6

A horizontal bar chart displays life expectancy for each country, sorted in descending order, using a turquoise background and white SVG canvas. The bars are drawn as rectangles, with width proportional to the life expectancy value from the CSV data. Built with D3 v3, the code uses `d3.csv` to load `Countries3(OLD).csv` and `d3.descending` to sort rows before appending rects to the SVG via `selectAll` and `enter`. Each bar includes a `title` tooltip showing the country name and its life expectancy.

No6

A horizontal bar chart visualizes life expectancy for each country, sorted from highest to lowest value. The bars are rendered as SVG rectangles whose widths are proportional to life expectancy, and hovering reveals a tooltip with the country name and its exact figure. Data originates from a CSV file containing demographic indicators, processed and sorted using D3 v3’s `d3.csv` and `d3.descending` functions.

Combined Bar Chart

This sample presents a dynamic, user-driven combined bar chart visualization of life expectancy and population data for ten selectable countries. Users input country names via an HTML form, and the visualization fetches data from external CSV URLs using `d3.csv`, merging the datasets by country. The chart is rendered as an animated SVG using D3 v7, with a dual y-axis scale to accommodate the different measurement units. Selecting a country updates the visualization, which draws each country's data as bar glyphs that animate over time to show changes across multiple years.

Ssrikkanth05