Skip to main content
100%

Basic Scatter Plot

✓ Published0🌍 Public
ZZijunXu
Last edited Sep 19, 2017
Created on Sep 19, 2017

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.

AI-generated description

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

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

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/ecb09f2605c7fbbadf0eeb75da5f0a6b'>Stylized Scatter Plot with Color Legend</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Basic Scatter Plot

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.

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
93% 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
90% 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
89% 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
88% 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
87% 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
86% match
Loading thumbnail…

Activity6_q3

This scatterplot shows the relationship between GDP per capita and life expectancy for seven countries, with each circle colored by country. The visualization uses D3.js v7 to load a local CSV file, scale the data linearly on both axes, and render circles as SVG elements. Axes are drawn using d3.axisBottom and d3.axisLeft, with labels for both variables. The d3.scaleOrdinal with schemeCategory10 assigns distinct colors to each nation, making it easy to compare economic output against health outcomes across the sample.

Vvidyagangasani@my.unt.edu
85% match