Skip to main content
100%

Basic Scatter Plot

✓ Published0🌍 Public
ZZijunXu
Last edited Oct 28, 2017
Created on Oct 26, 2017

This scatter plot visualizes the relationship between GDP per capita and health expectancy across countries, with each point sized by population and colored by region. The chart uses SVG and includes an animated highlight function that emphasizes individual data points on hover. Data on income and health expectancy come from the World Wealth & Income Database and the Global Health Observatory data repository, respectively, and the visualization is built with D3 v4, following a template referenced from Curran.

AI-generated description

Added a highlight function to this Relation Between Income And Health Expectancy In Different Countries data visualization.

The GDP per capita data are comes from World Wealth & Income Database.

The health data expectancy are gathered from Global Health Observatory data repository.

Some of the code are referenced from curran.

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Basic Scatter Plot

This basic scatter plot visualizes the relationship between GDP per capita and life expectancy across countries, with each circle sized by population and colored by region. The data come from the World Wealth & Income Database and the Global Health Observatory. Implemented with D3 v4 and SVG rendering, the chart uses a linear x-axis for income and a linear y-axis for health expectancy. Circles are scaled by population using a square-root scale, and colors encode geographic region. The visualization is based on Curran's Stylized Scatter Plot with Color Legend.

ZZijunXu
95% match
Loading thumbnail…

Basic Scatter Plot

This scatter plot visualizes the relationship between income and health expectancy across countries, with each point representing a nation and colored by region. The x-axis shows GDP per capita (from the World Wealth & Income Database), the y-axis shows health expectancy (from the Global Health Observatory), and point size encodes population. The visualization is built with D3 v4 and rendered as SVG, and it responds to window resize events. The data is loaded from a CSV file and mapped to circle positions, with a log scale for income to handle the wide range of GDP values. Countries are colored according to their region, and the chart includes axes with labels for income and health expectancy. The example demonstrates a straightforward scatter plot for exploring the relationship between economic prosperity and public health across nations, with population encoded in point size and regional distinctions shown by color.

ZZijunXu
94% match
Loading thumbnail…

Basic Scatter Plot

This scatter plot visualizes the relationship between income per person and health expectancy across countries, with circle size encoding population and color distinguishing world regions. Data comes from the World Wealth & Income Database and the Global Health Observatory. The visualization uses d3.scaleLog for the income axis, d3.scaleLinear for health, and d3.scaleSqrt for population-based circle radii. SVG rendering includes custom axes with gridlines and a categorical color legend built with d3.legendColor.

CCurran Kelleher
88% match
Loading thumbnail…

Global Data Scatter Plot

This scatter plot visualizes the relationship between GDP per capita and average life expectancy across countries, using circles colored by region from a Global Data dataset. Users can hover over the legend to highlight matching data points or click to toggle entire regions’ visibility, with opacity changes facilitating comparison. The visualization leverages d3.scaleOrdinal for color mapping, d3.scaleLinear for axes, and custom d3 axis-label helpers from @curran/axis-labels, rendering SVG circles with region-based classes.

Nnitinramagiri1@gmail.com
85% match
Loading thumbnail…

Basic Scatter Plot

A basic scatter plot visualizes the relationship between income and health across countries, with each country represented by a circle positioned by its income (x-axis) and health (y-axis) values. Circles are colored by region and sized by population. A legend on the right highlights continent dots; hovering over a continent filters and blurs the country circles, with a slow reclear effect for most regions. However, the animation has a bug: Asian countries lack the gradual unblurring effect, and their images only appear after highlighting the continent dot. The visualization uses SVG rendering with animated transitions.

ZZijunXu
85% 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
84% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between GDP and life expectancy for a synthetic dataset of countries, with points colored by region using a Tableau10 ordinal scale. It loads CSV data with d3.csv and d3.autoType, then renders circles in an SVG container using d3.scaleLinear for both axes and d3.axisBottom/d3.axisLeft for tick marks. The chart includes labeled x and y axes, semi-transparent points, and is built entirely with D3 v7.

LLikhitaMudagereShivaraj@my.unt.edu
83% match
Loading thumbnail…

Activity6_Q3

This scatter plot shows the relationship between GDP per capita (in billions) and life expectancy for countries in 2015, sourced from a GitHub-hosted GDP dataset. It uses d3.csv to load the data, scales the GDP axis logarithmically via d3.scaleLog, and colors points using d3.scaleOrdinal with d3.schemeCategory10. SVG circles are rendered with D3's data join, and hover interactions display a tooltip showing country name, GDP, and life expectancy. The axes are labeled using d3.axisBottom and d3.axisLeft.

VVidya Lakshmi Chitturi
83% match