{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates how SVG shapes—circles, rectangles, lines, and paths—can be styled and transformed using CSS and SVG attributes. It shows a scaled and translated group of basic geometric forms, with colors applied both directly in the markup (e.g., `fill=\"red\"`, `fill=\"#83cc2a\"`) and via CSS classes like `.lines`. The illustration highlights inheritance of presentation properties, such as fill and stroke, from parent `<g>` elements, while also showcasing stroke width, line join, and cap styling on a polyline and a path.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1dce8b2e000044ce9772f236d9ec1080?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}