Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol Lewitt Vanilla JS Project Attempt #2

Public visualization

Viewing a saved revision (read-only)

2748450453ea476f8cf81ef5d960ee97

Sol Lewitt Vanilla JS Project Attempt #2

0 stars1🌍 Public
CCasualWanderer20XX
Last edited Sep 8, 2025
Created on Sep 8, 2025
Forked from HTML Starter

This example generates an interactive Sol LeWitt-inspired drawing using only native JavaScript and SVG APIs, without external libraries. It shows a grid of thin horizontal and vertical lines across the full browser viewport, masked by two circles at the center. The first mask reveals horizontal bars within a dark circle, while the second mask inverts the effect for vertical bars in a contrasting ring, creating a crosshatched circular pattern that stands out against the plain background. The code creates elements dynamically via `document.createElementNS` and applies masks (`circle-mask`, `circle-mask-2`) to clip the repeated rectangles.

AI-generated description

Using the D3 Tutorial on Youtube.

YT Tutorial