{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"Four SVG shapes—two circles and two rectangles—demonstrate presentational attributes and CSS styling. The first pair uses default black fill, while the second pair applies inline `fill` colors. A `<g>` group with `transform`, `fill`, `stroke`, and `stroke-width` attributes applies shared styling to both a circle and rectangle, showing inheritance and grouping in SVG. The example uses no JavaScript libraries, relying purely on SVG markup and external CSS from `styles.css`. The `styles.css` file defines global body margins but contains unused `.lines` rules, leaving shape styling entirely attribute-driven.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3cf87d1c237c4a0f9b28a952172fdee0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}