{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates a minimalist SVG visualization that renders an empty 960×500 canvas with a red background, applied via CSS styling through the D3.js `select` API. The visualization uses the React framework to initialize the SVG element, which is styled using D3’s `svg.style` method to set the background color. The rendering approach relies on static SVG markup combined with D3 v5 to manipulate the document object model, showcasing the integration of D3 with React for simple graphic compositions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8b068b65fc744dffbe91acfd3fd0980d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}