Life expectancy Health Expenditure VegaLite

100%

Life expectancy Health Expenditure VegaLite

✓ Published0🌍 Public

Last edited May 22, 2021

Created on May 22, 2021

This example maps life expectancy against health expenditure per capita for 189 countries in 2014, using horizontal bars colored by health spending to reveal potential correlations. It imports data from a CSV file via D3 v6's `csv` loader, filtering and reshaping the raw World Bank dataset. The visualization is built with Vega-Lite and rendered through the Vega-Lite API, using `vl.markBar`, `vl.x().fieldN`, `vl.y().fieldQ`, and `vl.color().fieldQ` to encode country, life expectancy, and health expenditure. Custom axis styling and tooltips are configured via the Vega-Lite config and vega-tooltip handler.

AI-generated description

A demonstration of how to start using D3 version 6.

Data from https://gist.github.com/mabelvj/e35a77e8719c881f5567b7da1df43d53

MIT Licensed

Similar vizzes

Loading thumbnail…

Interactive Color Legend Scatter Plot for Health Expenditure Vs Life Expectancy

This interactive scatter plot visualizes the relationship between health expenditure and life expectancy across countries, with continents encoded by color. A dropdown menu allows users to switch which attribute maps to the X and Y axes, while hovering over the color legend highlights points from that continent and fades others. Built with React and D3 v5, it uses `scaleLinear` for axes, `scaleOrdinal` for colors, and SVG circles rendered via the `Marks` component. Data comes from a CSV file loaded with `d3.csv`.

Aaishwarya8615

76% match

Loading thumbnail…

Scatter Plot of World Life Expectancy Yearwise

This interactive scatter plot visualizes life expectancy across the world over 15 years, with each circle representing a country. Color encodes continent, while circle size reflects average BMI, and a tooltip reveals the country name. The visualization is built using the Vega-Lite API, which compiles specifications to Vega, with data loaded via `d3.csv` from a WHO dataset hosted on GitHub. The plot reveals that Europe consistently has the highest average life expectancy, and global life expectancy generally increases each year.

Aaishwarya8615

76% match

Loading thumbnail…

Activity6-Question2

This visualization shows health expenditure and life expectancy across multiple countries from 1970 to 2007, using a horizontal stacked bar chart where each bar represents a country and segments show annual spending contributions. The chart uses D3 v7’s `d3.stack()` to create the stacked layout and `d3.scaleBand()` for country positioning, with years mapped to colors via `d3.scaleOrdinal()`. Hovering over any segment triggers mouseover and mousemove events that display a tooltip with the exact spending value for that country-year combination. The data comes from a CSV file loaded using `d3.csv()`.

Mmeenam1106@gmail.com

75% match

Loading thumbnail…

Fork of World Happiness and Health Expenditures Correlation

This visualization shows the correlation between national happiness scores and health expenditures per person, using a line chart to depict the trend across countries. It loads country-level data from a CSV file and renders it with Vega-Lite, using vega-lite-api and d3.csv for data fetching. The chart is customized with config.js for readability, and includes a layer for a least-squares regression line exported from lregression.js, which calculates the linear relationship fit to the data points.

SShan Gao

74% match

Loading thumbnail…

Scatter Plot of World Life Expectancy Data versus Education

This scatter plot visualizes the relationship between average years of schooling and life expectancy across countries, colored by continent and scaled by BMI, with tooltips revealing country names. The visualization, built with Vega-Lite and its JavaScript API on top of D3.js, reads data from a CSV file sourced from WHO Life Expectancy data. Users can observe a positive linear correlation between education and lifespan, with African nations clustered at lower schooling levels and European countries at higher ones. The code configures the chart using vl.markCircle, vl.encode, and custom axis styling to enhance readability.

Aaishwarya8615

74% match

Loading thumbnail…

World Happiness and Health Expenditures Correlation

This visualization uses a line mark to plot the correlation between a country’s happiness score and its health expenditure per person, with points aggregated by average and the y-axis not starting at zero. It loads CSV data via `d3.csv` from a GitHub gist, then renders the chart using Vega-Lite API functions like `vl.markLine` and `vl.encode`, with a custom config for font sizes and axis styling. The code also includes a commented-out least-squares regression layer and tooltip setup via vega-tooltip, though the active view only displays the basic trend line.

Mmkt-ds

74% match

Loading thumbnail…

Vega-Lite API Template

This scatterplot displays the relationship between happiness score and logged GDP per capita for countries in the 2020 World Happiness Report, with point color encoding regional indicator and size representing healthy life expectancy. Tooltips reveal country name, happiness score, and GDP per capita on hover. The visualization is built using the vega-lite-api library, which wraps Vega-Lite’s declarative syntax, while D3’s `csv` function loads the external dataset. The chart automatically fits the window dimensions and uses a custom configuration to adjust axis and label styling.

AAnurag Desai

73% match

Loading thumbnail…

Scatter Plot of World Life Expectancy Data based on BMI

This scatter plot visualizes the relationship between average BMI and life expectancy across 15 years of WHO data, with each point representing a country. Continent membership is encoded through color, while point size and tooltips also convey BMI information and country names. Built using the Vega-Lite API with a thin wrapper around d3.v5, the visualization loads CSV data from a gist URL and renders as an SVG, configured with custom axis styling and a dark color palette for improved readability.

Aaishwarya8615

72% match