{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates how SVG shapes and CSS styling can be combined to render simple geometric elements and paths. The visualization shows a horizontal line and a polyline path with rounded corners and caps, drawn on a 960x500 canvas using embedded SVG markup. The code uses plain SVG elements (`<line>`, `<path>`, and `<g>`) within an HTML structure, with CSS rules in `styles.css` controlling stroke color, width, and line joins. The rendering approach is purely static, showing basic vector graphics without any JavaScript libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/998f10173fc6448d8893ebb9e4863d9e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}