Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt

Public visualization

Viewing a saved revision (read-only)

87639758a5dd4d45904dd153d6dd5d2e

Sol LeWitt

0 stars0🌍 Public
JJeya Balaji Balasubramanian
Last edited Jan 25, 2023
Created on Jan 23, 2023
Forked from HTML Starter

This visualization recreates a Sol LeWitt-inspired geometric drawing using pure SVG. It shows a grid of vertical and horizontal black lines intersecting across the full screen, but with their density inverted between the center and the periphery. In the middle, only horizontal lines appear in a circular region, while vertical lines dominate the surrounding area. The effect is achieved using two SVG masks—a peripheral mask and a center mask—that selectively reveal or hide the line sets. The code uses the native `document.createElementNS` API to construct SVG elements dynamically.

AI-generated description

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

See also React Starter.