Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Full Sol LeWitt Reproduction with D3.js

Public visualization

Viewing a saved revision (read-only)

1c33f08026794a9998b0e17163a1edac

Full Sol LeWitt Reproduction with D3.js

0 stars0🌍 Public
MMarcus Vinicius da Silveira Richa
Last edited Mar 19, 2023
Created on Mar 19, 2023

This example reproduces a Sol LeWitt art piece using D3.js and SVG. It generates a grid of horizontal and vertical rectangles, then applies two masks that shape the visible pattern. The masks are created with D3’s `symbol` and `symbols` APIs, placing geometric symbols in alternating black-and-white fills to selectively hide or reveal parts of the grid. The code uses `select`, `range`, and `.join()` to efficiently render the elements, with the rendering confined to the full browser viewport.

AI-generated description

A reproduction of a Sol LeWitt art piece.