{"version":"1.0","type":"rich","title":"Sara Maria - Fork of #Utrecht2024 TASK: First steps in Svelte","description":"This example demonstrates a minimal Svelte application that loads Gapminder data from a CSV file and displays it as raw JSON text on the page. It uses the `autoType` function from D3 to automatically convert numeric strings into numbers, preparing the dataset for future analysis. The code currently renders the formatted data structure without any filtering or calculations, serving as a first step toward building an interactive bubble chart. The visualization updates its layout based on the container’s client width and height, and uses Svelte’s reactivity system to bind these dimensions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/102c064157f64095a6ccf964f528b021?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}