SVG Fundamentals
This example demonstrates the basic building blocks of SVG graphics by rendering two circles of different colors. It shows how geometric primitives are defined using SVG’s XML-based syntax, with the first circle using a default black fill and the second explicitly styled with a green fill. The visualization relies on raw SVG markup embedded directly in the HTML document rather than any JavaScript libraries or data-binding tools. The code specifies each circle’s position and radius through `cx`, `cy`, and `r` attributes, highlighting how static vector shapes are constructed without interactive or data-driven features.