SVG Fundamentals
This example demonstrates the foundational building blocks of SVG graphics on a bare HTML page. It sets up a minimal document structure with an empty body, relying entirely on CSS and JavaScript to create and manipulate vector shapes dynamically. The code uses the standard SVG API within the Document Object Model, allowing for the creation of scalable, resolution-independent graphics. The rendering approach is purely declarative, with all visual elements defined through SVG tags and attributes. The example serves as a clean starting point for learning how to integrate SVG with modern web technologies.