Skip to main content
SimilarExport ZIP
100%

GDP vs Health Expenditures with a regression line with and without logscale

✓ Published1🌍 Public
Mmkt-ds
Last edited Oct 31, 2019
Created on Sep 27, 2019

This scatter plot compares GDP per capita to health expenditure per person across 156 countries, with each point sized by the World Happiness Score. A checkbox toggles between linear and logarithmic scales, recalculating the regression line in real time. The visualization uses d3.v4 with SVG rendering, d3.csv for data loading, and custom least-squares calculations for the regression. Data comes from the World Happiness Report via Kaggle.

AI-generated description

A scatter plot of GDP vs Health Expenditures with a regression line with and without logscale.

The data is from the The World Happiness Report that uses survey data, demographic information and statistical analysis to rank 156 nations according to the happiness of their people.

<a href="https://www.kaggle.com/arielyeung/world-happiness-data"> Data Source </a>

<a href="https://gist.github.com/mkt-ds/640984c80835e2823c1b0f5c9a3fabe"> Gist File </a>

A country’s overall happiness score is a composite of different factors collected in an annual worldwide survey, including GDP per capita School years Sustainable economic development Employement Rate Health expenditure Government effectiveness Female MPS Control of corruption

What factors contributes to happiness for different countries is interesting. For example more school years increases happiness in certain countries, it's probably correlated with more salaries when a person studies more. I need to create another visual to show the relationship between each factors for each country.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of regression

A scatter plot compares GDP to health expenditures across countries, with a regression line showing their correlation. A checkbox toggles a logarithmic scale for the x-axis, which compresses the skewed GDP distribution. Point radius encodes each country’s World Happiness Score. The chart uses D3 v3/v4 with `d3.svg.axis`, `d3.scale.linear`, and a custom least-squares function for the regression. Data comes from the World Happiness Report, loaded via `d3.csv`.

JjohnmurphyLC
82% 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
77% 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
77% match
Loading thumbnail…

Linear Regression Line with D3.js

This visualization plots the correlation between a country's happiness score and its health expenditure per person, using a scatter plot of circles and an overlaid linear regression trendline. The data is loaded from a CSV file via `d3.csv` and rendered as SVG. The least-squares computation is performed manually in `index.js` to calculate slope, intercept, and r-squared, which are then used to draw the line via `d3.svg.line` and the `d3.scale.linear` axis scales.

Mmkt-ds
72% match
Loading thumbnail…

Linear Regression Line with D3.js

This example shows the correlation between a country’s happiness score and its health expenditure per person using a scatter plot with a linear regression trendline. The visualization, built with D3.js v3 and SVG, plots each country as a green circle, with axes labeled in dollars and happiness scores, and overlays a blue best-fit line computed via a least-squares function that returns the slope, intercept, and R-squared value. Data is loaded from a CSV file hosted on GitHub, while the regression calculation uses native array methods like `map` and `reduce`.

KKeerthiKandadai
71% match
Loading thumbnail…

Line Diagram of World Life Expectancy with respect to GDP

This interactive line chart explores the relationship between GDP and life expectancy across countries over time, with each line representing a year and the line’s thickness encoding average BMI. The visualization leverages the Vega-Lite API to specify the marks and encodings, running on D3.js for rendering. Data is sourced from a CSV file containing World Health Organization life expectancy statistics, and color encoding uses a threshold scale to group years into four distinct intervals.

Aaishwarya8615
71% match
Loading thumbnail…

Line Plot of Life Expectancy Data_GDPVsLifeExpectancy

This line plot shows life expectancy versus GDP per capita across multiple years, with each line representing a year colored by a category scale and line thickness reflecting average BMI. The visualization reveals a logarithmic relationship where higher GDP correlates with increased life expectancy, though gains diminish at higher income levels. Built with D3 v4 and Metrics-Graphics, it loads CSV data from a GitHub gist and nests rows by year to generate separate series. Hovering over a line displays the exact year, GDP, and life expectancy values through the chart’s interactive tooltip.

Aaishwarya8615
71% match
Loading thumbnail…

A6_ScatterPlot

This scatter plot visualizes the relationship between happiness scores and GDP per capita across multiple continents, with each circle colored according to its continent category. It shows how countries with higher GDP per capita tend to report higher happiness scores, while also revealing regional clusters and outliers. The visualization is built with D3 v7 and rendered as SVG, using a linear scale for both axes and an ordinal color scale for continental groupings. A d3-legend legend provides a color key for the continent categories, and the data is loaded from an external CSV file containing happiness and GDP metrics.

DDuc Pham
70% match