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)

06d76436df2f49c79c0b7a1392a3b4fa

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