SVG Fundamentals
This example demonstrates the foundational building blocks of SVG graphics, showing a green circle and a navy line rendered directly in an SVG container. The visualization uses only native SVG elements—`circle` and `line`—with inline attributes for positioning and styling, embedded within an HTML document. It serves as a hands-on introduction to SVG syntax without relying on external libraries, making it ideal for learning how coordinate systems, shapes, and stroke properties work in browser-based vector graphics.