{"version":"1.0","type":"rich","title":"#Utrecht2024 TASK: First steps in Svelte","description":"This example displays a bubble chart of countries, plotting life expectancy against GDP per capita while using bubble size to represent population and color to distinguish continents. The visualization uses data from the Gapminder dataset, though the code includes data from 2007 despite the README specifying 2022. The implementation uses Svelte components and D3.js APIs, including `scaleLinear` for axes, `scaleSqrt` for bubble sizing, and `scaleOrdinal` for coloring. Each bubble is a custom SVG path rendered via a `Datapoint` component, with positions and attributes calculated declaratively through Svelte's reactive statements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9b7031b4b1f845c9b57d2dcdfeac7e53?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}