A plain SVG canvas displays two circles, one filled and one stroked, using the same star pattern. The pattern element defines a vertical line that repeats across each circle. The line is drawn with a thick black stroke on a transparent background. The example demonstrates how to apply a repeating pattern to both a circle's fill and its stroke. The SVG markup includes commented-out code, showing an iterative design process for creating the visual effect. The pattern repeats based on percentage widths, scaling with the canvas size.