{"version":"1.0","type":"rich","title":"Activity 7-Task1","description":"This visualization shows the populations of ten countries in 2020 as horizontal bars, scaled linearly along the x-axis and categorized by country along the y-axis. It is implemented in React with D3 v5 utilities, where `d3.scaleBand` positions the bars and `d3.scaleLinear` maps population values to pixel widths. The chart renders as an SVG with custom `AxisBottom` and `AxisLeft` components, and hoverable bars display tick-formatted tooltips via SVG `<title>` elements. The data is loaded asynchronously from a CSV using `d3.csv`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/94029a83272847838ec2ac3d99f0d1e4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}