Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Full SolLeWitt Reproduction D3

Public visualization

Viewing a saved revision (read-only)

497295e7ede34b3fb3a45fe255785ed9

Full SolLeWitt Reproduction D3

0 stars0🌍 Public
Rrespingu
Last edited Sep 23, 2022
Created on Sep 23, 2022

This example reproduces a Sol LeWitt-inspired drawing by rendering a grid of vertical and horizontal stripes that intersect through two complementary circular mask regions. The visualization uses raw SVG DOM manipulation in vanilla JavaScript, creating 100 vertical rectangles masked by a circle cutout and 100 horizontal rectangles masked by an inverted circle. The masks, defined via SVG `mask` elements with white and black fills, reveal alternating stripe patterns. The result is a geometric interplay of lines and negative space, rendered dynamically to fill the browser window.

AI-generated description

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

See also React Starter.