SVG Fundamentals
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.