{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates basic SVG shapes and styling through a combination of inline attributes and CSS classes. Circles, rectangles, lines, and a polyline path are arranged across a canvas, with some shapes inheriting fill and stroke properties from a parent `<g>` group while others define their own colors. The code uses raw SVG elements (circle, rect, line, path) and a CSS stylesheet that targets the `.lines` class to apply custom stroke widths, line joins, and caps. The video link provides additional context on the rendering approach.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b3e5e6bdc5e848c5876bc134c2bf82b4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}