Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Reproduction With D3

Public visualization

Viewing a saved revision (read-only)

b71ed0d9b2e24cca865f9d593cfa4cad

Sol LeWitt Reproduction With D3

0 stars0🌍 Public
PPrince Kumar
Last edited Mar 17, 2024
Created on Mar 17, 2024

This example reproduces a Sol LeWitt-inspired geometric composition using D3.js, displaying a grid of horizontal bars that form a circular cutout in the center. The visualization shows 100 thin, full-width rectangles stacked vertically across the screen, with a circular mask applied to create a negative-space circle in the middle of the canvas. The code leverages D3’s `select`, `range`, and data-join methods to generate the SVG rectangles, while an SVG `<mask>` element containing a black rectangle and white circle defines the visible region. The rendering uses the D3 v7 library and outputs vector-based SVG graphics that fill the entire browser viewport.

AI-generated description

A demonstration of SVG shapes.