{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates basic SVG shapes—circles, rectangles, lines, and a path—styled with inline attributes and CSS. Hardcoded shape properties like fill color and stroke are set directly in the markup, while the `.lines` class applies black strokes and ten-pixel widths, with the path receiving a teal stroke and rounded line joins. A scale transform enlarges the entire group, and a nested translation repositions the second set of shapes. No external libraries are used; the visualization relies solely on native SVG elements and a linked stylesheet.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/77cfc1553fc34924a0094cf06a31fad9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}