Fork of HTML Starter
This example compares the SVG and Canvas rendering models through a static webpage that combines a bulleted informational list with a live SVG drawing. The visualization demonstrates fundamental SVG properties—such as the default 300×150 canvas size, the use of the `fill` attribute, and the inability to set `fill` directly on the `<svg>` tag—by rendering three circles. The code uses raw SVG elements (`<circle>`) to illustrate the effects of explicit fill colors, no fill with a green stroke, and default black fills. The page also presents a detailed comparison table outlining differences in resolution dependence, event handler support, text rendering, and suitability for complex applications versus games.