Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sole Devit

Public visualization

Viewing a saved revision (read-only)

b18856aa2cef41c5bdc1f7075e075708

Sole Devit

0 stars0🌍 Public
MMarc Brüssel
Last edited Feb 13, 2023
Created on Feb 13, 2023
Forked from SVG fundamentals

This example uses raw SVG and DOM manipulation in JavaScript to create a striped composition with a circular cutout. A mask containing a black circle reveals vertical black rectangles across a white background, producing a lens-like effect. The code creates SVG elements directly without any library, instead relying on `document.createElementNS` and attribute setters. The 100 rectangles are evenly spaced, while the mask defines the visible circular region at the center of the canvas.

AI-generated description

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

See also React Starter.