First project <Hello HTML>
This example shows basic SVG shapes—circles, rectangles, lines, and a path—placed on a 960-by-500 canvas. It demonstrates how CSS styling and hover states can animate color and stroke width over three seconds using transitions, with blue strokes and fills that shift to green on rectangles and white on circles when hovered. The code uses raw SVG elements defined directly in HTML, with all interactivity driven by CSS `:hover` rules and the `transition` property, though no external libraries like D3 or JavaScript are involved in the rendering.