{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates fundamental SVG composition techniques through a static graphic, using layered shapes and CSS-defined gradients without any JavaScript or data. An orange-to-yellow vertical linear gradient fills a large rectangle, while a circular shape overlaps it with a white-to-pink gradient, both drawn directly in SVG markup. The code relies on native SVG elements and attributes, including `rect`, `circle`, and `defs` with `linearGradient` stops. Because no dataset or dynamic behavior is present, the visualization focuses purely on visual styling and geometry.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a2fa18d972684628a3c780ca55f6d1a5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}