Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction (2)

✓ Published1🌍 Public
Xxinyuwangxyw
Last edited Mar 24, 2023
Created on Mar 24, 2023

This piece reproduces Sol LeWitt’s geometric wall drawing using D3 v7 to generate layered, rotated stripe patterns in SVG. The code uses masks (via `mask.append` and `rectRender`) to reveal distinct sections—vertical black stripes on the left, horizontal green and black stripes on the right, and diagonally slanted purple and orange bands in the lower corners. The rendering is deterministic, based on hard-coded coordinates and dimensions derived from the window size, with no external data source. The final composition is framed by thick black outline paths and a central dividing line, matching the original artwork’s structure.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt wall drawing using SVG masks and layered rectangles in D3 v7. It shows two sets of alternating horizontal and vertical stripes, each confined to a circular region in the center of the screen. The code uses `d3.select`, `d3.range`, and data joins to generate 100 rectangles per direction, while SVG `<mask>` elements with black-and-white circles define the visible circular areas. The rendering is fully SVG-based and responds to the full window size.

Nnim@brejnholt.dk
91% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt wall drawing using D3.js, building an SVG scene with horizontal and vertical rectilinear bands. The code creates 100 horizontal stripes, each 10 pixels tall, and applies an SVG circular mask to reveal a circular cutout. A second complementary mask isolates a circular region for vertical stripes, creating an intersecting pattern. Rendered entirely through SVG elements, the piece uses D3’s `select` and chained `append`/`attr` methods for DOM construction, with data driven by a simple loop. The visualization fills the browser window, reflecting the code’s dependence on `window.innerWidth` and `window.innerHeight`.

JJinpeng Li
91% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

A generative reproduction of a Sol LeWitt art piece uses D3 to draw intersecting horizontal and vertical striped bands filtered by two complementary masks. The SVG rendering employs `d3.select`, `d3.range`, `d3.symbol`, and `d3.scaleBand` to place alternating white and black symbol shapes within each mask, creating a woven visual pattern. The masks alternate transparency to combine the striped layers, producing a geometric composition that echoes LeWitt’s systematic wall drawings.

CCurran Kelleher
91% match
Loading thumbnail…

Sol LeWitt Reproduction D3 reduced AG

This example reproduces a Sol LeWitt wall drawing using only horizontal and vertical stripes. Two sets of 100 rectangles are drawn across the full width and height of the browser window, with each set masked to reveal a circular area at the center. The SVG rendering uses the D3.js library’s `select`, `range`, and `join` APIs to build the rectangles and apply two mask definitions. The circle in the first mask is white, while the second mask uses a black circle on a white field, creating a cross-shaped overlap of the two stripe orientations.

Gguththered
91% match
Loading thumbnail…

Sol LeWitt Reproduction - D3 (2)

This example reproduces a Sol LeWitt drawing using D3 version 7. It overlays two sets of striped rectangles—one horizontal and one vertical—each limited to a circular region through SVG mask elements. The horizontal stripes are masked by a circle in a black rectangle, while the vertical stripes use an inverted mask with a black circle on white. The visualization fills the entire browser window, with stripes spaced at 20-pixel intervals. The code uses `d3.select`, `d3.range`, and SVG `mask` elements to achieve the geometric composition.

MMatheesha Yapa
91% match
Loading thumbnail…

Sol LeWitt reproduction with D3 method 2

This visualization reproduces a Sol LeWitt wall drawing using two sets of alternating horizontal and vertical striped rectangles, with circular masks applied to create a cross-like pattern at the center. The SVG rendering uses D3 v7’s `select`, `range`, and data joins to generate 100 rects in each group, while custom `mask` elements with black and white fills define the visibility of the overlapping grid.

LLouis Astorg
91% match
Loading thumbnail…

Sol LeWitt Reproduction D3 - final

This piece reproduces a Sol LeWitt drawing as a generative SVG artwork. It uses D3.js (v7.8.5) to create two sets of overlapping horizontal and vertical stripes across the full browser window. The stripes are masked by shapes generated from D3’s `symbols` API, which draws complex geometric paths. Two identical masks, both inverted, are applied to the two sets of rectangles, creating a layered, intersecting composition. The code uses D3’s `select`, `range`, `symbol`, and `symbols` functions, along with SVG `mask` elements.

Aalexscott-untitled
91% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt wall drawing using D3 to generate intersecting horizontal and vertical SVG rectangles. A pair of SVG masks with circular cutouts reveal the lines only within two offset circles, creating an optical moiré pattern across the full viewport. The code uses `d3.select`, `d3.range`, and SVG `mask` elements, rendering 100 stripes in each direction with dimensions tied to `window.innerWidth` and `window.innerHeight`. The result is a precise, generative interpretation of LeWitt’s geometric style, driven entirely by D3’s data join and SVG primitives.

Nnpinta
91% match