svg fundamentals
This example demonstrates the basic building blocks of SVG graphics by rendering two circles within an inline `<svg>` element. The first circle appears with the default black fill, while the second uses a `fill="red"` attribute to change its color. Rendered directly in an HTML page without any JavaScript or external libraries, the visualization relies purely on SVG's native XML-based syntax to define shapes and their styling properties. The code uses no data source or framework, serving only to illustrate fundamental SVG concepts like coordinates (`cx`, `cy`) and radius (`r`).