{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates how basic SVG shapes—circles, rectangles, lines, and paths—can be styled with inline attributes and CSS classes. The first shapes use default black fills, while others apply explicit `fill` and `stroke` properties, with a group inheriting a light-blue fill and black stroke. A `.lines` class sets stroke width, and a nested path rule overrides color, line join, and caps. The graphic is scaled using an SVG `transform`, and the document links to an external stylesheet for presentation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b82576ed1523462c9721cb4ecd6e80ea?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}