{"version":"1.0","type":"rich","title":"Activity6_Ques1(2)","description":"This example displays a horizontal bar chart of population data for 20 countries in the year 2000, using blue rectangular marks with a blue axis line and gray tick labels. The React app loads CSV data from a GitHub repository via the `csv` function from d3.v5, processes the population column by multiplying by 1000, and renders the visualization as SVG. It employs `scaleBand` for the categorical country axis, `scaleLinear` for the numeric population axis, and custom React components—`AxisBottom`, `AxisLeft`, and `Marks`—to generate the ticks and bars, with a tooltip showing formatted values on hover.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/96a20110879f422eb3a817165de7b7ec?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}