{"version":"1.0","type":"rich","title":"Loading HDI Data","description":"This example demonstrates a data-loading workflow for the Human Development Index dataset, which tracks metrics like life expectancy, education, and income per country from 1990 to 2021. The visualization displays the raw parsed data as JSON text in a styled `<pre>` element, showing the dataset’s structure after being fetched and processed. The code uses D3 v7’s `csvParse` to convert the CSV file retrieved via `fetch` into an array of objects, managing a loading state through a simple state-management pattern with `setState`. The data originates from a Kaggle-hosted dataset covering global development indicators.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/019d187826314460a035b7a1c17625bd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}