SVG Fundamentals
This example showcases the fundamental building blocks of SVG graphics, demonstrating how to create basic shapes like circles and rectangles. The SVG canvas displays several circles with varying radii and fill colors—red, green, and blue—alongside two rectangles with distinct stroke colors and widths (magenta and navy). The code uses raw SVG markup within an HTML document, styled with minimal CSS that sets a large font size for the message text. The rendering approach relies on declarative SVG elements such as `<circle>` and `<rect>`, directly embedded in the markup with attributes like `cx`, `cy`, `r`, `fill`, and `stroke`.