{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates basic SVG shape drawing alongside HTML and CSS styling. It renders a static collection of circles and rectangles inside an SVG container, with one circle colored green and a group of shapes translated downward and filled blue. The page also displays a fruit list with a highlighted banana item using CSS. The code imports D3’s `select` function and an ES6 module exporting a greeting message, though the message div is not present in the HTML. Rendering relies on native SVG elements with attributes like `cx`, `ry`, and `transform`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c61314fcd4e145a3980b89403ec125ba?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}