SVG Fundamentals
This example demonstrates the fundamental building blocks of SVG—shapes, attributes, and styling—within a minimal HTML page. The code uses plain SVG elements such as rect, circle, and path, styled with CSS and manipulated via JavaScript. It shows how to create basic geometric forms and apply visual properties like fill, stroke, and opacity directly in a browser without external libraries. The rendering approach relies on the native SVG DOM, making it a bare-bones introduction to vector graphics on the web.