This example displays 50 randomly positioned and sized blue circles inside a 400x400 SVG canvas. The circles turn red on hover, and clicking anywhere on the page clears the canvas and generates a fresh set of random circles. The application uses direct SVG element manipulation with the JavaScript Document API, creating and removing circle elements via `createElementNS` and `appendChild`. Styling and hover transitions are handled through CSS.