{"version":"1.0","type":"rich","title":"The Margin Conventiion","description":"This example visualizes the top 10 countries by 2020 population as a horizontal bar chart, with each bar’s length proportional to its population value. The chart applies a margin convention to position the bars within an SVG, using a band scale for country categories and a linear scale for population magnitudes. Data is loaded from a CSV file using `d3.csv`, while React manages the component state and rendering. Bars are drawn as SVG `<rect>` elements, with axes omitted, and the chart updates after the data asynchronously loads.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d48bbfa12a3c4a96bd3250f1f4e985ce?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}