Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of #Utrecht2024 TASK: First steps in Svelte

Public visualization

Viewing a saved revision (read-only)

c8e95e89985549f1b9caf888935e8313

Fork of #Utrecht2024 TASK: First steps in Svelte

0 stars0🌍 Public
Kk.hurskaya@gmail.com
Last edited Jul 2, 2024
Created on Jul 1, 2024

This is a scatter plot that compares the GDP per capita and life expectancy of countries for the year 2007, with the size of each circle representing the country's population. The SVG is rendered using Svelte, with a `Datapoint.svelte` component drawing semi-transparent circles. The code uses D3's `scaleLinear`, `scaleSqrt`, and `scaleOrdinal` to map the data to positions, radii, and continent-based colors. The data originates from the Gapminder dataset, which is loaded from a CSV file.

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