{"version":"1.0","type":"rich","title":"The Margin Convention","description":"This visualization displays the top 10 countries by projected 2020 population as horizontal bars, with country names on the vertical axis and population values on the horizontal axis. It uses React hooks to load and parse CSV data from a GitHub gist via `d3.csv`, then renders SVG rectangles scaled by `d3.scaleLinear` and positioned with `d3.scaleBand`. The chart follows the margin convention by shifting an inner group element to account for top, right, bottom, and left margins, keeping the plot area separate from the SVG’s full dimensions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1579c79a4224452594617fab35d71411?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}