Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Full Sol Lewit reproduction using D3

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed