Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ATS - D3 Sol Lewitt with CSS animation

Public visualization

ATS - D3 Sol Lewitt with CSS animation

0 stars1🌍 Public
Xxscotta@yahoo.com
Last edited Aug 14, 2024
Created on Jul 20, 2024

This example reproduces a Sol LeWitt drawing as an animated SVG. It uses D3 to generate a grid of horizontal and vertical black rectangles that form a base pattern, and then applies CSS keyframe animations to seven distinct geometric symbols from `d3.symbols`. Each symbol is translated vertically and given a delayed animation start, creating a looping, staggered motion. The animation toggles stroke width and uses alternating black and white fills within a mask, generating a dynamic, layered composition that mimics the artist's systematic, rule-based style.

AI-generated description

A reproduction of a Sol LeWitt art piece.

Comments

Sign in to join the discussion.

MIT Licensed