Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of #Utrecht2024 TASK: First steps in Svelte

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

ef07e60e66e14ed4a82d7a548caf5b7b

Open

Fork of #Utrecht2024 TASK: First steps in Svelte

0 stars0🌍 Public
SSarah C Gall
Last edited Jul 2, 2024
Created on Jul 1, 2024

A scatterplot shows countries positioned by GDP per capita and life expectancy, with circle size encoding population and color distinguishing continents. The Svelte app formats the data with `autoType` from d3, computes scales with `scaleLinear`, `scaleSqrt`, and `scaleOrdinal`, and renders SVG circles via a custom Datapoint component. Data comes from the Gapminder dataset, though the example uses 2007 values.

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