{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates how CSS classes and inline presentation attributes combine to style SVG shapes, with circles, rectangles, lines, and a path shown in a single canvas. The SVG is scaled, and a group with the class `lines` applies black strokes and blue, round-joined paths via the stylesheet. Rendered with SVG and styled through CSS, it uses the `<g>` element for grouping and `transform` attributes for positioning and translation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2fcb396adc5549c5ae1710f66e5f15f0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}