This example shows a static SVG face composed of three simple shapes: a large blue-stroked black circle with a red dot, and a black angled path suggesting a mouth. On hover, the main circle transitions its fill to green and its stroke to red with a thick 50px width. The rendering uses raw SVG elements—`circle` and `path`—defined directly in the HTML, with CSS `:hover` and `transition` rules handling the interactive color change. No JavaScript libraries are used.