{"version":"1.0","type":"rich","title":"The Margin Convention","description":"This example shows a horizontal bar chart of the ten most populous countries, using UN population data for 2020. The chart applies a standard margin convention using D3’s `scaleBand` for the categorical country names and `scaleLinear` for population counts, rendered as SVG rectangles inside a translated group. The visualization is built with React, which manages the loading state via `useState` and `useEffect`, while D3’s `csv` utility fetches and parses the data before it is sliced and mapped to bars.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f1a3990568964a87846106d4c9181a84?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}