{"version":"1.0","type":"rich","title":"Rendering Data with React & D3","description":"This example shows the ten most populous countries from a 2019 UN population dataset, rendered as horizontal bars in an SVG chart. React 16 manages the component state and loading screen, while D3 v6 utilities (`csv`, `scaleBand`, `scaleLinear`, `max`) handle data fetching and scaling. The code converts each country’s 2020 population value to a numeric field and maps it to a bar width using a linear scale, with bands for each country name.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/79c49c934368491a8951114f527ce8e3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}