ATS - D3 Sol Lewitt with CSS animation
✓ Published1🌍 Public
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 descriptionA reproduction of a Sol LeWitt art piece.
MIT Licensed