Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Sol LeWitt in vanilla js vertical

Public visualization

Viewing a saved revision (read-only)

308a14ac3f4a4492ae375618ec8e56a1

Fork of Sol LeWitt in vanilla js vertical

0 stars1🌍 Public
Rrwata97
Last edited Apr 19, 2023
Created on Apr 19, 2023

This visualization displays a series of horizontal stripes that are only visible within a circular region centered on the screen. The piece uses a mask to reveal the stripes, which are rectangles with a fixed height of 10 pixels, spaced 30 pixels apart and spanning the full width of the viewport. The implementation relies on vanilla JavaScript and the SVG API, creating elements like `svg`, `mask`, `circle`, and `rect` dynamically. The mask uses a black circle to hide the outer stripes, while white fills the rest of the mask to show the bars inside.

AI-generated description

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

See also React Starter.