{"version":"1.0","type":"rich","title":"Creating room using margin","description":"This example shows a horizontal bar chart of the top 10 most populous countries, using the 2020 population data from a CSV file hosted on GitHub. The chart is rendered as an SVG, with a React component managing the data loading and state via `useState` and `useEffect`. D3’s `scaleBand` and `scaleLinear` map the data to bar positions and widths, while a margin object defines the inner plotting area, ensuring the bars are offset from the SVG edges via a translated `<g>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f27cdfdf0e8b4f53ad25392a09c918f2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}