Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

JS VANILLA SOL LEWITT

Public visualization

Viewing a saved revision (read-only)

9f23eef4a6d448abb4abf5848773f45c

JS VANILLA SOL LEWITT

0 stars1🌍 Public
Rrespingu
Last edited Sep 21, 2022
Created on Sep 21, 2022
Forked from SVG

This example creates a generative geometric composition inspired by Sol LeWitt using vanilla JavaScript and SVG. It renders 100 vertical and 100 horizontal rectangular strips, each 10 pixels wide or tall, across the full viewport. The strips are masked using two SVG `mask` elements: a circle mask for horizontal rectangles and a rectangle mask with a circular hole for vertical ones. The result is a grid of lines that appears only within a central circle, with the surrounding area showing the full-width vertical stripes. The code builds all elements dynamically via `document.createElementNS`.

AI-generated description

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

See also React Starter.