Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Fork of Fork of #Utrecht2024 TASK: Tooltips/Voronoi

Public visualization

Viewing a saved revision (read-only)

cec31edf5a1a4bd29a8177d5e725228b

Fork of Fork of #Utrecht2024 TASK: Tooltips/Voronoi

0 stars0๐ŸŒ Public
Kkatha.hofbauer@t-online.de
Last edited Jul 2, 2024
Created on Jul 2, 2024

This interactive bubble chart displays Gapminder data from 2007, plotting countries by GDP per capita against life expectancy, with circle size encoding population and color distinguishing continents. A Voronoi overlay, generated using `Delaunay` from D3, enables precise hover detection between overlapping bubbles. Hovering a region displays a tooltip with the country name and its assigned color. The visualization is built with Svelte components and SVG, using D3 scales including `scaleLinear`, `scaleSqrt`, and `scaleOrdinal` to map data attributes.

AI-generated description

Task

  • format the data: numbers should be numbers โ€“ not strings
  • filter and only use data of the year 2022
  • determine the min and max value of GDP and life expectancy

Original visualization

Interactive version

Data

Gapminder