{"version":"1.0","type":"rich","title":"Activity6 Tutorial 1","description":"This example shows a horizontal bar chart of population estimates for 30 countries in 2020, using a React-based SVG rendering approach. The visualization uses `scaleBand` and `scaleLinear` to map country names and population values to screen coordinates, with formatted tick labels converting values to billions. The code loads CSV data via `d3.csv`, applies a custom row-parsing function, and renders the bars using generated `rect` elements with hover tooltips provided by SVG `<title>` elements. Axes are constructed as separate React components that generate tick marks and labels using D3's scale methods.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a213b00c240e4c43b161d42ea2a36290?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}