{"version":"1.0","type":"rich","title":"Act_6_Tut_1","description":"This chart displays the 2020 populations of 30 countries as a horizontal bar chart, with bars ordered alphabetically by country name. The visualization uses React to manage state and render SVG elements, while D3’s `scaleBand` and `scaleLinear` handle visual scaling. Population values are loaded via `d3.csv`, formatted with `d3.format`, and tooltips reveal exact figures on hover. The code demonstrates custom axis components, including left-side country labels and bottom population ticks with a G-to-B suffix conversion.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/952f5603f0fe4d4c82a6dd76affedec4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}