{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates how SVG shapes and CSS styles combine to create static vector graphics. It shows circles and rectangles with distinct fill colors, including a group with a light blue fill and black stroke, alongside lines and a polyline path. The code uses raw SVG elements like `<circle>`, `<rect>`, `<line>`, and `<path>` within a `<g>` container, with scaling and translation transforms applied. CSS classes control stroke properties, such as color, width, line join, and cap. No JavaScript libraries or data sources are used; everything is defined directly in HTML and an external stylesheet.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4d50802f581647f5a4b76b0b3a3e8c67?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}