Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt

Public visualization

Viewing a saved revision (read-only)

82f8570f3bf84b7ba9dddb2efed6f3a9

Sol LeWitt

0 stars1🌍 Public
Llukasreber
Last edited Jun 17, 2022
Created on Jun 17, 2022
Forked from SVG Fundamentals

This example generates an abstract geometric composition inspired by Sol LeWitt, where horizontal and vertical striped bands form a cross-like pattern across the full screen. Two SVG `<mask>` elements define circular cutouts—one with a black background and white circle, the other inverted—so that the stripes alternate visibility through the center. The code builds 100 horizontal and 100 vertical rectangles via plain JavaScript DOM manipulation, setting each rectangle’s `mask` attribute to either `url(#circle-mask)` or `url(#circle-mask2)`. No external libraries are used; the rendering relies entirely on native SVG and CSS, with dynamic window dimensions set through `window.innerWidth` and `window.innerHeight`.

AI-generated description

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

See also React Starter.