Skip to main content
100%

Basic Scatter Plot

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

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.

AI-generated description

The bug is that the images only show after hight light the continent dot on the right.

And the blur effect of the countries in Asia is abnormal: they don't have the slow reclear effect as other countries.

Built with blockbuilder.org

mit Licensed

Similar vizzes

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
89% 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…

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

wealth & health of nations

This scatterplot, titled “wealth & health of nations,” visualizes the relationship between income per capita and life expectancy across countries. Each circle represents a nation, positioned along a logarithmic x-axis for income and a linear y-axis for life expectancy. Hovering over a circle displays a tooltip with the country’s name. The chart includes labeled axes for "Income per capita" and "Life Expectancy," and the D3 v4 code uses an SVG and animation to render the data.

EElaineYu
79% match
Loading thumbnail…

Fork of D3 scatterplot

This scatterplot displays the relationship between health and population from the Gapminder health-income dataset, with each point representing a country. The visualization uses D3 v7 to fetch CSV data, scale both axes linearly based on the data extent, and render points as SVG circles. Axes are added using `axisLeft` and `axisBottom` from D3's scale API, with data mapped through `scaleLinear` and the extent function. The chart fills the entire browser window, with custom margins and styled tick text.

AAnshul Rawat
79% match
Loading thumbnail…

Health and Wealth (Andrew Dbelvins)

Health and Wealth is an animated scatterplot that tracks the relationship between income and life expectancy for countries from 1950 to 1955. Each circle represents a country, with its x-position determined by log-scaled income, y-position by life expectancy, and radius by population. The visualization uses D3 v4 with SVG and transitions to animate the movement of circles as the year increments, highlighting changes in health and wealth over time. The axes are labeled with income (log scale) and life expectancy (linear scale), providing a clear temporal narrative of global development.

VVirginiaHNg
78% match
Loading thumbnail…

CS171 - Health & Wealth of Nations

A scatterplot shows the relationship between national income and average life expectancy across countries, with bubble size representing population and color indicating world region. The visualization loads data from a CSV file and renders circles in an SVG using D3 v5, applying logarithmic and linear scales to map income and life expectancy. Animated transitions are not present, but the chart includes axis labels and a legend-less ordinal color scale for categorical region data.

Yyuva24
78% match