Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction D3 - final

✓ Published0🌍 Public
Aalexscott-untitled
Last edited Jun 23, 2023
Created on Jun 21, 2023

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.

AI-generated description

A reproduction of Sol LeWitt art.

MIT Licensed

Similar vizzes

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
92% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

A Sol LeWitt-inspired generative drawing fills the browser window with a grid of horizontal and vertical stripes. The piece uses two circular SVG masks to invert the stripe pattern within a central circle, creating a subtle visual contrast against the background. The code employs D3.js version 7.8.4, utilizing `select` and `range` from the library to construct SVG elements. Rendering is done entirely through SVG. The `append`, `attr`, and `join` methods are used to build the masks and the striped rectangles programmatically, with the masks defining the visible region.

CClaudio Puggioni
91% match
Loading thumbnail…

Full Sol LeWitt Reproduction with D3

This interactive SVG reproduction of a Sol LeWitt piece uses D3 to generate a grid of horizontal and vertical stripes. The code defines two masks that selectively reveal or hide the stripes based on a series of symbol-shaped paths, creating a dynamic and layered geometric composition. The program uses D3's `select`, `range`, `symbol`, and `symbols` functions to build the SVG elements and masks, with the rendering adapting to the window size. The artwork's behavior is driven entirely by the mask transformations and symbol generation.

Rrwata97
91% match
Loading thumbnail…

Sol LeWitt Reproduction (2)

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.

Xxinyuwangxyw
91% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

This D3.js reproduction of a Sol LeWitt art piece generates two sets of horizontal and vertical stripes across the viewport, masked to create two circular cutouts in the center. Using `d3.select`, `d3.range`, and the `.join('rect')` API, it renders 100 rectangles in each direction, with SVG masks (`circle-mask` and `circle-mask-2`) alternating black and white fill to reveal the layered stripe pattern. The piece is simple, deterministic, and scales to the full browser window.

DDuckGorilla
90% match
Loading thumbnail…

Full Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt wall drawing using D3.js, rendering 100 horizontal and 100 vertical stripes across the full browser window. It uses SVG masks to create alternating circular cutouts: the first mask (mask-1) reveals the grid in white with a black circle, while the second (mask-2) inverts the effect. The code employs D3’s `select`, `range`, `symbol`, and `symbols` APIs to generate the geometric composition. The final output is a generative pattern where the intersection of stripes and circular voids produces the artwork’s characteristic visual rhythm.

CCurran Kelleher
90% match
Loading thumbnail…

Full Sol LeWitt Piece Reproduction with D3

This example reproduces a Sol LeWitt wall drawing using D3.js to generate SVG shapes. It layers horizontal and vertical striped rectangles, each filtered by a separate mask. The masks are built from alternating black and white bands containing geometric symbols, such as arcs and lines, drawn with the `symbol` and `symbols` APIs. By inverting the mask colors, the piece creates intersecting patterns across the full browser window, with the rendering using D3’s `select`, `range`, and `join` methods for efficient SVG construction.

MMika Kutila
90% match
Loading thumbnail…

Full Sol LeWitt Reproduction with D3

This reproduction of a Sol LeWitt wall drawing uses D3.js version 7.8.5 to render layered horizontal and vertical stripes across the full browser window. The SVG output applies two distinct masks to each set of stripes, with each mask containing a row of geometric symbols generated via `d3.symbols` and `d3.symbol`. The inverted mask (white background with black symbols) and non-inverted mask (black background with white symbols) create the contrasting visual interplay characteristic of LeWitt's systematic instructions.

Nnim@brejnholt.dk
90% match