{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates how SVG shapes and colors can be styled using CSS, presenting a series of circles, rectangles, lines, and paths in a 960x500 canvas. The SVG markup defines geometric primitives with inline `fill` and `stroke` attributes, while a linked stylesheet applies additional styling rules, including stroke width and line join properties. The code leverages native SVG elements like `<circle>`, `<rect>`, `<line>`, and `<path>`, with CSS selectors targeting class-based groups to control visual appearance. Rendering relies entirely on the browser’s SVG engine and standard CSS, with no external JavaScript libraries involved.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3eb288645d094fb59ee889ef63fe191a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}