Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Reproduction HTML + SVG

Public visualization

Viewing a saved revision (read-only)

897fc8679efe47689e356a4dc7e05a12

Sol LeWitt Reproduction HTML + SVG

0 stars0🌍 Public
OOleg Zhernovoy
Last edited Dec 21, 2022
Created on Dec 21, 2022

This example reproduces a Sol LeWitt-style geometric composition using HTML and SVG, showing a grid of horizontal and vertical lines that intersect within circular masks to create a layered visual effect. Two SVG masks define the visibility regions: one reveals a circle of horizontal stripes, while the other selectively hides vertical stripes within a matching circle. The code programmatically builds the SVG structure using the `createElementNS` API, generating 100 horizontal and 100 vertical rectangles with alternating mask references. No external libraries are used; the rendering relies entirely on native SVG elements and attributes.

AI-generated description

A reproduction of a Sol LeWitt art piece.