{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"A small SVG canvas displays primitive shapes—circles, rectangles, a line, and a path—arranged in groups. The first two shapes use default black styling, while the next pair applies explicit fill colors (red and a green RGB value). A translated group demonstrates inherited fill and stroke attributes, and a classed group with thick black strokes contains a light-blue path with rounded line joins. The example shows how SVG presentation attributes and CSS rules (via the `.lines` class and element selectors) control appearance, with an SVG transform scaling the entire composition.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3ff0a2266026420dbc619e14b1107dac?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}