Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Full Sol Lewit reproduction using D3

Public visualization

Viewing a saved revision (read-only)

25f2dcf59ad847e7bf9ca4a2b9a2107d

Full Sol Lewit reproduction using D3

0 stars0🌍 Public
AAshwani Sajwan
Last edited Apr 23, 2024
Created on Apr 23, 2024

This example reproduces a Sol LeWitt-style geometric drawing using D3.js, combining SVG rectangles and mask elements to create layered visual patterns. It generates 100 horizontal and vertical striped rectangles, each masked by one of two masks that reveal D3’s built-in symbol shapes—including circles, crosses, diamonds, squares, stars, triangles, and wye—positioned across the canvas. The code uses `d3.range` and `d3.symbol` with `d3.symbols` to render the symbol paths, while `d3.select` handles SVG manipulation and the `mask` attribute applies the clipping patterns. The rendering is fully SVG-based within a full-viewport layout.

AI-generated description