Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Reproduction - vertical

Public visualization

Viewing a saved revision (read-only)

ac597a21acbd44649fa6ca379e01c922

Sol LeWitt Reproduction - vertical

0 stars1🌍 Public
MMatheesha Yapa
Last edited Jun 27, 2023
Created on Jun 27, 2023

This piece recreates Sol LeWitt’s vertical line drawing by rendering 100 horizontal and 100 vertical SVG rectangles across the full viewport. A circular mask, defined with two SVG `<mask>` elements, restricts each set of lines to a central ring: white lines appear inside the circle, while black lines fill the area outside it. The code builds all elements imperatively using `document.createElementNS` and `setAttribute`, with no D3 methods applied despite the library being imported. The result is a crisp, geometric interplay of line orientation and masked contrast.

AI-generated description

A demonstration of how to start using D3 version 6.