This example demonstrates basic SVG shape and styling fundamentals using two circles with contrasting fills and stroke settings. One circle uses a black fill with black stroke and a CSS transition that enlarges its stroke width on hover over three seconds, while the second circle displays a grey fill with a white stroke of fixed five-pixel width. The code directly constructs SVG elements and applies CSS styling to the first circle.