{"version":"1.0","type":"rich","title":"Shapes with SVF and CSS","description":"This example demonstrates how to construct and style basic geometric shapes using inline SVG and CSS. It shows circles, rectangles, a line, and a path, with styles applied both directly via presentation attributes and through an external stylesheet using class selectors. The SVG elements are grouped with `transform` attributes for scaling and translation, while the CSS defines properties like `stroke`, `stroke-width`, and `stroke-linejoin` for the line and path elements. The visualization relies on the SVG rendering built into modern browsers, with no additional JavaScript libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6d507ef2567b479ea6bd84947aad0fbe?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}