This example demonstrates a basic HTML page containing an inline SVG canvas with primitive shapes—circles, a rectangle, a line, and a path—styled using CSS. The shapes respond to hover events, smoothly transitioning their fill color and stroke width over one second. The SVG uses built-in shape elements, with CSS transitions applied directly to the `<rect>` and `<circle>` tags, while the path draws a green shape using SVG path commands. The rendering is pure SVG, with no external JavaScript libraries.