Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Reproduction Vertical

Public visualization

Sol LeWitt Reproduction Vertical

0 stars1🌍 Public
GGbemiga Atolagbe
Last edited May 1, 2024
Created on Apr 11, 2024
Forked from Backup

This example reproduces a Sol LeWitt-inspired wall drawing using raw SVG and JavaScript. It presents a grid of horizontal and vertical stripes that intersect through two circular masks, creating a layered composition with a central white circular void and a black circular overlay. The code constructs SVG elements directly via the DOM API, including `rect` shapes and two custom `<mask>` definitions, to alternate stripe visibility. A total of 200 rectangles are generated programmatically, with no external libraries or frameworks, relying solely on browser-native SVG rendering to achieve the geometric effect.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed