{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates basic SVG shapes, including circles and rectangles, styled with CSS and inline attributes. It shows how to position, size, and color these primitives, and uses a `<g>` element with a `transform` to group and offset shapes with a cyan fill and black stroke. The SVG is rendered directly in the browser via the `index.html` file, and the page also includes a separate `index2.html` showing a simple HTML list report with classes for highlighting. The code does not include any JavaScript libraries or data sources.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dca59aa2f8404e05a0d5a1670468f5fc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}