{"version":"1.0","type":"rich","title":"Activity06 Q.1.2","description":"This example displays a horizontal bar chart of the top 20 countries by population in 2010, using a responsive SVG rendered through React. The code builds scales with d3.scaleBand and d3.scaleLinear, loads CSV data via d3.csv, and formats axis ticks with d3.format. Custom React components (AxisBottom, AxisLeft, Marks) generate the chart elements, with hover tooltips provided by SVG title tags.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/53c2384bafd246be8207901c808ff717?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}