{"version":"1.0","type":"rich","title":"Shapes&Colors with SVG and CSS","description":"This example demonstrates SVG shapes and colors with CSS styling, showing how circles, rectangles, lines, and paths render inside a single scalable group. The code uses native SVG elements (<circle>, <rect>, <line>, <path>) with fill, stroke, and transformation attributes, while styles.css applies stroke properties and line joins through class selectors. A group element translates and scales all shapes, and a linked stylesheet controls body margins and overflow. The rendering relies entirely on static SVG markup and CSS, with no JavaScript libraries or data sources involved.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2313b60f9fc641f3ae319e2ed5cac5ad?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}