This example demonstrates basic SVG shapes—circles, rectangles, lines—positioned directly within an HTML page. The graphic shows a simple composition of colored circles, a bordered rectangle, and a diagonal line against a blank canvas. The code uses raw SVG markup embedded in `index.html`, with inline presentation attributes like `fill`, `stroke`, and `stroke-width` controlling style. It serves as a minimal starter for rendering vector graphics in a browser, without additional JavaScript libraries or data sources. The page relies solely on the browser’s SVG renderer.