A rendered SVG pear demonstrates how viewport matching works. The green fruit shape uses a filled path, while its brown stem and leaf are drawn as stroked paths. This example pairs a fixed viewport with a matching viewBox, using SVG path data for each element. The code defines the shapes directly within an HTML page, with no JavaScript library involvement.