{"version":"1.0","type":"rich","title":"World Visualization","description":"This example displays an empty SVG canvas with visible margin areas, rendered through a React component that abstracts the D3 margin convention. The `VizContainer` component uses React’s JSX to create `<svg>` and `<g>` elements, applying a transform based on the provided margin object. It includes optional rectangles for debugging layout, toggled by a `showMargins` prop. The code relies on React 16.13.1 and D3 v6, loaded via CDN, with dimensions set to 960 by 500 pixels. No data or visual marks are drawn yet.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/82a2dceb10d74d16ab383abae93b7c92?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}