Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol Lewitt Reproduction vertical

Public visualization

Viewing a saved revision (read-only)

f20ea0ffb80f404dabb6931882f7c4c1

Sol Lewitt Reproduction vertical

0 stars1🌍 Public
HHéloïse Feldmann
Last edited May 5, 2023
Created on May 5, 2023

This example reproduces a Sol LeWitt-inspired drawing using SVG, rendering 100 horizontal bars masked by a central circle. The code builds the visualization dynamically with the `document.createElementNS` API, creating a white rectangle and black circle to define the mask, then looping through the bars. Each bar is 10 pixels tall, spaced 20 pixels apart, and clipped by the `url(#circle-mask)` reference. The visualization fills the entire browser window, with the mask and bars sized based on `window.innerWidth` and `window.innerHeight`, producing a geometric composition of stripe-like shapes.

AI-generated description

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

See also React Starter.