This example is a minimal HTML learning test that demonstrates basic SVG rendering primitives. It displays two circles—one green and one red with a blue stroke—positioned at different coordinates, enclosed by a purple rectangular outline without fill. The visualization uses raw SVG elements (`circle` and `rect`) defined directly in the HTML markup, with no JavaScript or external libraries driving the layout. The accompanying JavaScript file merely logs a console message, and the CSS file defines an unused message style, so all visible behavior stems from static SVG attributes like `cx`, `cy`, `r`, and `stroke-width`.