{"version":"1.0","type":"rich","title":"shapes with svg and css","description":"This example demonstrates basic SVG shapes—circles, rectangles, lines, and a group—styled and transformed with CSS attributes like fill, stroke, and translate. It shows how static SVG elements can be composed and visually customized in a web page. The rendering uses raw SVG markup embedded in HTML, with external styles applied via a linked stylesheet. No JavaScript libraries drive the visualization; the included D3 import and message module remain unused in the final display.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/69f71272d58d43ee995243057ca75585?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}