Skip to main content
100%

ATS - D3 Sol Lewitt with CSS animation

✓ Published1🌍 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.

MIT Licensed

Similar vizzes