Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Fork of HTML Starter

0 stars0🌍 Public
CClaussio Soares
Last edited Sep 4, 2025
Created on Sep 4, 2025
Forked from HTML Starter

This interactive example shows how JavaScript can dynamically modify the contents of an SVG drawing. The page displays an SVG scene with a single circle; clicking the "Load Circle" button adds a new circle at a random position and with a random radius, while clicking "Delete Circle" removes a randomly selected existing circle. The code demonstrates DOM manipulation using `document.createElementNS` and `setAttribute`, alongside standard JavaScript event handlers. The SVG is styled with CSS, and the drawing uses an off-white teal color scheme.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed