Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Sol LeWitt vertical

Public visualization

SVG Sol LeWitt vertical

0 stars1🌍 Public
Mmax-31
Last edited Aug 24, 2022
Created on Aug 24, 2022
Forked from SVG Sol LeWitt

This example generates an SVG visualization inspired by Sol LeWitt’s geometric wall drawings. It shows a grid of alternating horizontal and vertical black stripes that are visible only within a circular mask centered on the screen. The code uses the Document Object Model’s `createElementNS` method to construct SVG elements, including a mask containing a circle, and appends 48 horizontal and 48 vertical rectangles. The rectangles are clipped by the mask via the `url(#circle-mask)` reference, producing a circular cutout effect against a full-window backdrop.

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