Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Moving Circular Grid

Public visualization

Viewing a saved revision (read-only)

a094ed7be4ec49a7ab0c9681ce2f682d

Moving Circular Grid

0 stars0🌍 Public
CCurran Kelleher
Last edited Aug 6, 2025
Created on Aug 6, 2025

This example presents an interactive SVG art piece inspired by Sol LeWitt’s geometric work, featuring a static circular clipping region that reveals rotating horizontal lines. The implementation uses raw JavaScript to create SVG elements directly, with CSS animations driving the 20-second rotation of the horizontal group. Vertical lines span the full canvas without clipping, contrasting with the circular boundary. The code builds the scene by appending `rect` elements for both line sets, with a `clipPath` defining the visible circle.

AI-generated description