{"version":"1.0","type":"rich","title":"Activity6 Question 1.2","description":"This example shows the populations of 30 countries in 2010 using a horizontal bar chart. The chart uses React functional components with D3 scales to map country names to the y-axis and population values to the x-axis. Bars are rendered as SVG rectangles with hover effects, and axis labels are formatted using D3’s `format` function to display values in billions. Data is loaded asynchronously from a CSV file using D3’s `csv` method. The code includes custom axis components for the bottom and left sides.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/83d3872440864aa2885fe4f1a62c7bce?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}