{"version":"1.0","type":"rich","title":"SVG_fundamentals","description":"This example demonstrates two SVG rectangles with rounded corners, each filled using a linear gradient. The first rectangle uses a gradient defined by CSS classes within the SVG `<style>` block, while the second uses an inline gradient definition. Both gradients transition from red through transparent black to blue. The code relies on native SVG elements (`<defs>`, `<linearGradient>`, `<stop>`, `<rect>`) and CSS styling, with no external JavaScript libraries. The rendering is pure SVG embedded directly in the HTML document.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/503eb1219d384cd59cccdd16ac58a346?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}