{"version":"1.0","type":"rich","title":"Shapes with Svg, Css","description":"This example demonstrates how SVG shapes can be styled and transformed using both SVG attributes and CSS. It shows circles, rectangles, lines, and paths arranged in a 960x500 viewport, with nested `<g>` elements applying scaling, translation, fill colors, and stroke properties. The code uses raw SVG markup in HTML without D3.js API calls, though an unused import statement references d3's `select` function. The rendering relies solely on the browser's native SVG support, with the `styles.css` file defining additional class-based styling and page layout.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/89822d5e1b894052a1a467ce132a50e7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}