{"version":"1.0","type":"rich","title":"Shapes with CSS & SVG","description":"This example demonstrates how to draw basic SVG shapes—specifically a rectangle—using the CSS styling and SVG elements directly in an HTML document. The code defines an SVG canvas with a yellow rectangle outlined in black, showcasing the interplay between HTML, CSS, and SVG markup. It also imports the `select` function from D3 version 7 to update the page body’s text content, illustrating a minimal D3 integration for DOM manipulation. The rendering relies on inline SVG, with no external data source, providing a straightforward introduction to combining D3 with SVG graphics.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3f15bea9b6db48a9a94e3f40b802a0f4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}