SVG Fundamentals
This example demonstrates fundamental SVG rendering concepts using a minimal HTML page with embedded JavaScript and CSS. It shows how to create and manipulate basic SVG elements directly in the browser, with no external libraries beyond the native DOM API. The page initializes a blank SVG canvas and illustrates the core building blocks of vector graphics, such as coordinate systems and element structure. The code relies on standard JavaScript methods like `document.createElementNS` and `setAttribute` to construct SVG shapes programmatically, providing a foundation for more advanced visualization frameworks like React.