Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

LeWitt Reproduction vertical

Public visualization

Viewing a saved revision (read-only)

73c3db6eb6f647ccbec6ed7823cdc6f2

LeWitt Reproduction vertical

0 stars0🌍 Public
Ggrassfluffy02
Last edited Nov 5, 2023
Created on Nov 5, 2023

This example reproduces a Sol LeWitt-inspired drawing as a vertical field of narrow, evenly spaced rectangles rendered in SVG. The visualization fills the entire browser window, with each rectangle positioned incrementally along the horizontal axis using a loop that creates 100 elements. The code uses native DOM manipulation via `document.createElementNS` and `svg.setAttribute` to construct the scene, without relying on external libraries. The page dynamically sizes the artwork to the viewport through `window.innerWidth` and `window.innerHeight`, and includes commented-out mask and circle code that is not active in the final render.

AI-generated description

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

See also React Starter.