{"version":"1.0","type":"rich","title":"Jared's Responsive Margin Convention","description":"This example demonstrates a responsive design pattern where a full-viewport SVG resizes a rounded rectangle to fit the browser window, recalculating on every resize event. It showcases a reusable margin convention function that creates an inner group element translated by specified margins, returning the group and computed inner dimensions. The code uses D3 v5 selection methods like `selectAll`, `enter`, `merge`, and `attr`, along with a custom `myResponsiveComponent` function that binds to the body element and listens for window resizing.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e82814ec0dee4e6c8bf911545e063ae5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}