{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates how SVG shapes can be styled with CSS, setting the entire visualization’s background to red via a style property. The code uses D3 v5’s `select` function to target the `<svg>` element and apply the background color directly. The visualization consists of a bare 960-by-500 pixel SVG canvas embedded in an HTML page, with styling separated into an external stylesheet. It highlights the simplicity of combining D3’s selection API with CSS-based visual customization.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4fb2ee0bb8274f8e845cdc8c826a5a72?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}