SVG Fundamentals
This example demonstrates fundamental SVG shapes rendered directly in HTML, including circles, rectangles, and paths. The code uses raw SVG markup with attributes like `cx`, `cy`, `r`, `x`, `y`, `width`, `height`, and `d` to define geometry and styling properties such as `fill` and `stroke`. It shows how to draw basic vector graphics without any external libraries, relying solely on the browser’s native SVG support. The visualization provides a static, minimal showcase of shape construction and styling for learning purposes.