Skip to main content
SimilarExport ZIP
100%

Fork of regression

✓ Published0🌍 Public
JjohnmurphyLC
Last edited May 28, 2023
Created on May 28, 2023

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`.

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…

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

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.

Mmkt-ds
82% match
Loading thumbnail…

Fork of World Happiness Graph

This example links a choropleth world map with a scatter plot to explore the relationship between happiness scores (the "Ladder score") and GDP per capita. The map uses a color gradient to encode happiness, while the scatter plot, color-coded by continent, reveals a positive correlation. Hovering over a map country highlights its corresponding dot and triggers a tooltip with details. Built with D3 v6, it uses `d3.geoEqualEarth` and `d3.geoPath` for the map, `d3.scaleLinear` and `d3.scaleLog` for scales, and `d3.select` to build the SVGs.

LLouisa Penrice
79% 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
79% match
Loading thumbnail…

Fork 2

A scatter plot visualizes the relationship between GDP and CO2 emissions for ten major countries, with each point colored by country and hover interactions revealing exact values via tooltips. The chart uses D3.js v7 to load CSV data from GitHub, parse numeric values, and render SVG circles positioned by linear scales. Axes, tick formatting, and labels are generated with `d3.axisBottom` and `d3.axisLeft`, while a color ordinal scale assigns category colors to countries.

SSeema Shrestha
77% match
Loading thumbnail…

World Happiness Scatter Plot

This scatter plot shows the relationship between GDP per capita and healthy life expectancy across countries, revealing a positive correlation. The visualization uses d3.scaleLinear to map data dimensions to positions and d3.axisLeft for the y-axis. Data comes from the @mjmacgregor/worldhappiness package, rendered as semi-transparent circles on a gray background. The code employs axis label utilities from @curran/axis-labels to annotate both axes. This chart effectively demonstrates how wealthier nations tend to have higher life expectancy.

Mmacgregorm01@gmail.com
77% match
Loading thumbnail…

Fork of Interactive Scatter Plot

This interactive scatter plot explores relationships between variables like GDP, CPI, and birth rate across countries, with each point representing a country and colored by continent. Users can switch the x- and y-axis variables via dropdown menus and click legend entries to highlight specific continents. Built with D3 v7, it uses `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, and the `axes` helper from `@curran/responsive-axes`, with hover tooltips showing country names. Data comes from the World Data 2023 CSV, and the visualization updates dynamically through D3's data joins and transition methods.

Gg_beck@coloradocollege.edu
77% match
Loading thumbnail…

Question4

This scatterplot compares countries by GDP per capita (x-axis) and Life Ladder score (y-axis), using the World Happiness Report dataset. Each circle encodes social support through its radius and healthy life expectancy through a blue sequential color scale (d3.scaleSequential). The chart renders as SVG, with axes via d3.axisBottom and d3.axisLeft, plus hover interactions that enlarge points. A gradient legend displays the color mapping, while tooltips (title elements) reveal detailed country-year values.

Vvishu.valandas@gmail.com
77% match
Loading thumbnail…

project plot2

This interactive scatter plot shows the relationship between GDP per capita and happiness scores for countries worldwide, with a dropdown menu allowing selection of individual years from 2015 to 2022. Each circle represents a country, positioned by its economic output and well-being score, while color encodes healthy life expectancy using a sequential plasma scale via d3.scaleSequential. Tooltips provide detailed country-specific values on hover. Built with D3 v7, the visualization uses d3.csv to load external data, SVG circles with enter/update transitions for animated year changes, and d3.axisBottom/d3.axisLeft for the coordinate axes.

Kkallappareddygari Lohith reddy
77% match