This example demonstrates three basic SVG shapes—blue, red, and yellow circles—positioned via fixed `cx` and `cy` coordinates inside an `<svg>` element. It shows how SVG’s declarative XML-like markup defines vector graphics directly in HTML, with each circle’s `r` attribute setting its radius and `fill` specifying its color. The code uses no external libraries, relying purely on native SVG elements and inline styling. This serves as a minimal foundation for understanding SVG’s coordinate system and shape attributes, which underpin more complex data visualizations.