This example demonstrates a static SVG composition featuring interactive hover effects on geometric shapes. A yellow circle with a red stroke, two blue and red rectangles, a green diagonal line, and a black path are drawn directly on a 1000x1000 canvas. The plain HTML page uses embedded CSS to change fill and stroke colors on hover—circles and rectangles turn black, while the line becomes red. The code relies on standard SVG elements (`circle`, `rect`, `line`, `path`) and CSS pseudo-classes, with no JavaScript or external libraries.