{"version":"1.0","type":"rich","title":"Fork of #Utrecht2024 TASK: First steps in Svelte","description":"This example shows a gapminder-style bubble chart representing global health and economic data for 2007. The visualization maps GDP per capita on the x-axis and life expectancy on the y-axis, with circle size encoding population and colors distinguishing continents. Built with Svelte and d3.js, the code uses d3.scaleLinear, d3.scaleSqrt, and d3.scaleOrdinal to map data values to positions, radii, and fills. Each bubble is rendered as an SVG circle with reduced opacity, driven by data from the Gapminder dataset.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/032d9f3cc4574f908a370f3c4311c5e2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}