Skip to main content
SimilarExport ZIP
100%

Fork of Fork of D3 Version Sol LeWitt Reproduction

✓ Published1🌍 Public
EEdgar Cortez
Last edited Feb 8, 2023
Created on Feb 8, 2023

A generative reproduction of a Sol LeWitt wall drawing fills the browser viewport with two sets of intersecting, striped rectangles. The piece creates a contrast between dense, parallel bands and a central circular region where the pattern shifts orientation. Using D3 v6, the code appends an SVG and employs two mask definitions (`circle-mask`, `circle-mask2`) to selectively hide portions of the vertical and horizontal line groups. It renders 100 rects per group via `selectAll().data().join()`, with each rect sized to cover the full screen.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction with D3

A generative geometric composition mirrors a Sol LeWitt wall drawing, displaying a grid of horizontal and vertical striped rectangles on an SVG canvas. The primary visual effect is a circular white mask that reveals only the horizontal lines within its radius, while the vertical lines remain fully visible across the entire viewport. Built with D3 v6, the code uses `select`, `range`, and `join` to create 100 rectangles per axis, with `window.innerWidth` and `window.innerHeight` defining the responsive full-screen dimensions.

Ppeter@attachmentdivision.com
93% match
Loading thumbnail…

Fork of D3 Version Sol LeWitt Reproduction

This block-like composition reproduces Sol LeWitt’s geometric art using D3 v3 and SVG rendering. It displays a grid of horizontal and vertical stripes that intersect, with circular masks revealing overlapping patterns: one mask exposes the vertical lines, another hides sections of the horizontal ones. The code uses `d3.select`, `d3.range`, and data joins to generate 100 rectangles in each direction, applying `mask` attributes to create the visual interplay. The artwork fills the browser window, adapting its dimensions to the viewport.

EEdgar Cortez
92% match
Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction with D3

This example reproduces Sol LeWitt’s geometric wall drawing using overlapping horizontal and vertical stripes that intersect within two circular masks. It renders 100 thin rectangles per direction across the full viewport, with the first mask revealing the horizontal set as a white circle on black, and the second mask revealing the vertical set as a black circle on white. Built with D3 v6, the code uses `select`, `range`, and `join` to generate SVG `<rect>` elements, while mask definitions control visibility. The result shows two concentric circular zones of striped patterns against a plain background.

Mmarc.chatton@outlook.com
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

A fork of a Sol LeWitt reproduction, this piece generates a field of 100 horizontal and 100 vertical rectangles in D3 v3. The code uses `d3.select`, `d3.range`, and SVG `mask` elements to layer the stripes. Two circular masks, one with a black background and white circle, the other with inverted colors, clip the grids to reveal intersecting patterns. The result is a dynamic geometric composition rendered at full screen size.

Bbtlhgboy@icloud.com
92% match
Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction with D3

This D3.js (version 7.8.5) reproduction of a Sol LeWitt art piece generates an SVG canvas filling the browser window. It draws 100 horizontal and 100 vertical bands of alternating dimensions, each masked to create a circular intersection pattern. The code uses D3’s `select`, `append`, `range`, and `data().join()` API to generate the SVG elements. Two SVG masks (`circle-mask` and `circle-mask-2`) control visibility, with the second inverting the circular mask to create complementary transparency effects.

Bbtlhgboy@icloud.com
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using D3.js version 7.3.0, generating a grid-like pattern of alternating vertical and horizontal bands over the full browser viewport. The artwork uses two SVG masks—one with a white circle punched through black and another with a black circle on white—so that vertical stripes appear only within the circular region, while horizontal stripes are visible everywhere except inside that circle. The code constructs 100 rectangles in each orientation via `selectAll` and `data().join()`, setting positions and dimensions to cover the canvas.

SSamuele Greco
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction + D3

A fork of a Sol LeWitt reproduction uses D3 to generate layered horizontal and vertical striped rectangles across the full viewport. Two SVG masks create geometric cutouts: a white diamond-shaped hole in one mask and a black circular hole in another, revealing intersecting grid patterns. The code employs d3.select, d3.range, d3.symbols, and d3.symbol to draw paths and shapes, with masking applied via SVG mask elements. The example renders entirely in SVG, driven by window dimensions.

Iionakeeley
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction in d3

This example reproduces a Sol LeWitt art piece using d3 to render horizontal and vertical striped rectangles within a circular mask, creating a geometric pattern that fills the browser window. The SVG output uses two masks—one circular and one inverted—to alternately reveal horizontal or vertical bands across the canvas. Built with d3.select and SVG attributes, the code generates 100 rect elements in each orientation, with the circular mask defined via mask elements and fill colors. The artwork dynamically adapts to the window’s width and height, reflecting LeWitt’s instructional-based aesthetic in a programmatic form.

Iinnocent thomas
91% match