Skip to main content
100%

Fork of Full Sol LeWitt Reproduction with D3

✓ Published1🌍 Public
XXuân Vinh
Last edited Oct 31, 2023
Created on Oct 27, 2023

This example reproduces a Sol LeWitt-inspired geometric composition using D3.js, rendering a grid of horizontal and vertical rectangles that intersect through SVG masks. The code creates 100 evenly spaced lines in each direction, then applies two complementary masks—one normal and one inverted—to reveal or hide the grid patterns. Using D3 selections, `range`, and symbol generators, the masks incorporate circular, triangular, and other symbolic shapes. The artwork is dynamically sized to the viewport and rendered as an SVG, demonstrating how D3’s data-join and mask primitives can build layered generative art.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes