{"version":"1.0","type":"rich","title":"question 1","description":"This example visualizes the population of ten countries in the year 2000 using horizontal bar marks. It loads data from a remote CSV via the d3.csv API within React, slicing the dataset to the first ten rows. The React implementation uses d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis, with SVG rectangles drawn through the Marks component. Rendered as an SVG, the chart includes labeled axes, a custom tick formatter that converts values to billions, and tooltips using SVG `<title>` elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d6337129ba4f4eb8b9535e0bc96479bb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}