Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lesson4:Sol LeWitt Reproduction with D3

Public visualization

Viewing a saved revision (read-only)

4c0aff32d6244446bb1cf697f81c8144

Lesson4:Sol LeWitt Reproduction with D3

0 stars0🌍 Public
Nnubhatia
Last edited Aug 16, 2023
Created on Aug 13, 2023

This example reproduces a Sol LeWitt art piece as an interactive SVG visualization. It renders a grid of horizontal and vertical bands that are masked by circular shapes, creating a dynamic geometric pattern. The code uses D3's `select` and `append` methods to build the SVG element and its components. It leverages the `mask` attribute with defined `circle-mask` and `circle-mask-2` elements to selectively reveal or hide the lines. The visualization is generated entirely through procedural code, with no external data source, and displays its pattern across the full browser window.

AI-generated description

A reproduction of a Sol LeWitt art piece.