This example demonstrates basic SVG shapes within an HTML document, presenting circles and a rectangle with varying colors and sizes. The visualization shows a red circle, a small green circle, and a blue outlined rectangle positioned across a 960 by 500 pixel SVG canvas. The code relies on native SVG elements—circle and rect—defined directly in the markup, with attributes controlling position, radius, fill, and stroke. No JavaScript libraries are used; the index.js file only logs a message, while styles.css defines an unused message class.