scatterplot of world health data

100%

scatterplot of world health data

✓ Published0🌍 Public

Last edited May 1, 2024

Created on Apr 30, 2024

A scatterplot displays the relationship between life expectancy and birth rate for countries in the 2023 world-data-2023.csv dataset. The visualization uses D3 v4 to render an SVG with axes, circles, and interactive hover effects. It loads data via `d3.csv`, scales the X-axis from 50 to 100, and computes the Y-axis domain from the birth rate values. Mouseover changes circle fill from green to red, demonstrating event handling in D3.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatterplot

A scatterplot shows the relationship between life expectancy at birth and unemployment rate for countries, with each circle representing a country and a tooltip revealing its name and exact values. The visualization animates circles from off-screen to their x-axis positions sorted by life expectancy, using d3.csv to load data from Countries.csv. It employs d3.svg.axis for labeled axes, d3.scale.linear for coordinate mapping, and transition with delay and duration to produce the staggered animation effect. Circle color changes on hover via CSS.

LLTymn

81% 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

80% match

Loading thumbnail…

Fork of Fork of Fork of Scatterplot for world dataset

This scatterplot visualizes the relationship between birth rate and calling code for countries in a 2023 world dataset, with each point’s radius encoding infant mortality. Built with React and animated via D3 v6 transitions, it uses SVG circles with hover interactions that display country names in a tooltip and enlarge stroke width. The code employs `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `.join('circle')` to render the visualization, pulling CSV data from a GitHub raw source.

QQuinn Sebso

80% 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

79% match

Loading thumbnail…

Fork of Fork of Fork of Reusable D3 Scatter Plot

This scatter plot displays the relationship between BMI and life expectancy across countries in 2021, with each circle representing a country. The visualization uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render the scales. Interactive hover effects trigger a tooltip that shows the country name, BMI, and life expectancy values. The chart is rendered as an SVG with animated transitions on circle hover, changing the fill color from steelblue to orange.

Ssravya7136@gmail.com

79% match

Loading thumbnail…

Untitled

An interactive scatterplot maps World Health Organization data, plotting urban population growth against the percentage of the population living in urban areas. Each circle represents a country, with its fill color encoding the total fertility rate using a threshold scale and a blue color scheme; missing values appear pink. The visualization uses D3.js 5.15.0, including `d3.scaleThreshold`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, to render axes, legends, and circles as SVG with mouseover events.

Aaustin-so

79% match

Loading thumbnail…

Data Visualization Assignment 3

This interactive scatter plot explores correlations among life expectancy indicators including HIV/AIDS, GDP, BMI, and adult mortality, with dropdown menus controlling the X and Y axes. A color legend by continent filters data on click, while hover tooltips display the continent, year, and current axis values. The visualization uses d3.v5 with scaleLog axes, d3.scaleOrdinal for coloring, and animated circle transitions via d3.transition. Data comes from a CSV of global life expectancy statistics, rendered as SVG with reusable d3 modules for the scatter plot, dropdown menu, and color legend.

HHowardHan99

79% match

Loading thumbnail…

fresh block

This example visualizes global health and economic trends using a Gapminder-style scatterplot. Each circle represents a country, positioned by life expectancy (x-axis) and fertility rate (y-axis), with circle size encoding population and color representing geographic region. The visualization animates through years 1964 to 2013, showing how countries move across the chart as their metrics evolve. The data, loaded from a CSV, includes fields for country, year, fertility, life expectancy, population, child mortality, and GDP. Using D3 v5 and SVG rendering, the chart emphasizes the relationship between health outcomes and economic development over time, with a transition effect revealing changing distributions across decades. The visualization is minimal and functional, with axes labeling life expectancy and fertility, and a legend for regions.

JJuanma-GP

78% match