{"version":"1.0","type":"rich","title":"Margins","description":"This visualization demonstrates the concept of inner margins in a chart, showing a gray rectangle that represents the area reserved for data marks, surrounded by empty space for axes. The code uses D3’s `select` and `join` methods to create an SVG element sized to the container, then draws the inner rectangle with fixed 50-pixel margins on all sides. The example highlights how explicit margin calculations (using `innerWidth` and `innerHeight`) define the plotting region, using D3 version 7.8.5 to render the static shape.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b3ca01db915b42f59795d3ea05c077c7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}