This example arranges basic SVG shapes—circles, a rectangle, a line, and a path—on a 960×500 canvas to create a static geometric composition. The SVG elements are styled with fill colors and strokes, while CSS hover rules trigger smooth 3000ms transitions on rectangles and 1500ms transitions on circles, altering their fill and stroke. The page is a minimal HTML document with inline styles and no external libraries. The rendering uses raw SVG markup directly in the HTML, with shapes positioned at fixed coordinates.