{"version":"1.0","type":"rich","title":"activity 6_Task 1","description":"This example shows a horizontal bar chart of population data for 20 countries in 2010, with country names on the y-axis and population values on the x-axis. The visualization uses React components to render SVG elements, with D3’s `scaleBand` and `scaleLinear` for positioning and scaling. Data is loaded asynchronously from a CSV file via `d3.csv`, and each bar includes a native `<title>` element for tooltip display. Axis ticks and labels are generated through custom React components, with numbers formatted using `d3.format`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0f4f403638f34e4b9d48833191f08139?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}