This example shows two circles rendered on an SVG canvas—one black at the left, one red to its right—illustrating basic shape placement and fill styling in a static graphic. The page uses plain HTML and CSS with JavaScript for structure, and relies directly on SVG circle elements to define the visuals. No external libraries are imported; instead, the code employs native SVG attributes such as `cx`, `cy`, `r`, and `fill` to position and color each circle. This serves as a minimal starter for building more complex SVG-based visualizations.