{"version":"1.0","type":"rich","title":"SVG and CSS Page","description":"This example demonstrates basic SVG shape rendering and CSS styling within a single web page. It shows circles, rectangles, lines, and paths arranged in a simple composition, with some shapes using inline fill and stroke attributes while others inherit styles from grouped elements. The code uses native HTML5 SVG elements like `<circle>`, `<rect>`, `<line>`, and `<path>`, along with the `transform` attribute to reposition grouped content. Styling is handled through a separate `main.css` file, though the visible page relies primarily on SVG presentation attributes for its visual output.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/840cc49279234ad6abf0d054c3a05004?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}