Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

beginner svg

Public visualization

beginner svg

0 stars0🌍 Public
TTehran Mammadov
Last edited Jun 14, 2022
Created on Jun 14, 2022
Forked from HTML Starter

This example demonstrates a simple masking effect in SVG, where a set of horizontal stripes is revealed only through a circular window at the center of the viewport. The visualization uses plain SVG elements created dynamically via the `document.createElementNS` method. A white rectangle serves as the mask base, while a black circle defines the transparent region, and the stripes are drawn as individual `rect` elements with the mask applied. The code runs without any external libraries, relying purely on native browser APIs and JavaScript.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed