Other Sol LeWitt Reproductions

100%

Other Sol LeWitt Reproductions

✓ Published1🌍 Public

Last edited May 27, 2024

Created on May 27, 2024

This example reproduces a Sol LeWitt drawing as an interactive SVG artwork. It shows a grid of thin horizontal and vertical lines that remain fully visible except within two circular masks, which appear as a black circle and a white circle, creating a layered cutout effect. The piece uses the D3 library, specifically its `select`, `range`, `symbols`, and `symbol` functions, to generate 100 horizontal and vertical rectangles. Two masks are rendered via the `renderMask` function, which employs D3’s SVG path rendering for the circle shapes, with one mask inverted to produce the contrasting visual result.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction D3

This D3.js reproduction of a Sol LeWitt art piece uses two sets of alternating horizontal and vertical grid lines made of thin rectangles, each set partially hidden by a circular mask. The first mask reveals a white circle on a black background, while the second shows the inverse, creating a visual interplay between the two line orientations. Built with the d3 `select`, `range`, and `symbols` APIs, the SVG rendering fills the entire browser window and uses 100 lines in each direction. The piece references LeWitt’s geometric wall drawings, translating his grid-based concept into dynamic, screen-filling linework.

AAndrey Matukhno

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using D3.js to generate a grid of horizontal and vertical striped rectangles. The rendering uses SVG masks to create two overlapping circular cutouts, with horizontal lines visible in one circle and vertical lines in the other. The code builds the visualization with D3 selections, `range`, and mask elements, sizing it to the full browser window.

LLohitB

89% match

Loading thumbnail…

Full Sol LeWitt Reproduction with D3

A full-screen SVG reproduction of a Sol LeWitt art piece renders a grid of horizontal and vertical lines, each line of constant width and separated by a fixed interval. D3’s `select`, `range`, `symbols`, and `symbol` APIs generate the line structure, while mask elements, created via the `renderMask` function, define cutout shapes—a circle and other geometric symbols—through which the lines are visible. The masks use fill colors to either hide or reveal lines, producing an inverted visual effect across the composition.

MMofizur Rahman

89% match

Loading thumbnail…

Sol LeWitt Reproduction with D3 - Part II

This interactive SVG reproduction of a Sol LeWitt artwork displays a grid of thin horizontal and vertical lines, visible only within two circular masks that create a layered, crosshatched effect. The piece uses D3.js to generate 100 rectangles in each direction, positioning them with `range(n)` and the `.join()` API before applying masks defined with SVG `mask` elements. A white circle in the first mask reveals the underlying pattern, while a black circle in the second mask blocks the second layer. The code runs in a React environment, rendering directly to the browser window.

WWolfgang

89% match

Loading thumbnail…

Full Sol LeWitt reproductions with d3

This example reproduces a Sol LeWitt piece using D3.js by generating a grid of horizontal and vertical lines. Two SVG masks, defined as "inner-mask" and "outer-mask", are applied to these lines to reveal or hide portions of the grid, creating a complex geometric pattern. The masks are constructed using D3's `symbol` and `symbols` APIs to draw paths that form the mask shapes. The code uses D3's `select`, `append`, `attr`, and `join` methods to build the SVG structure and apply data-driven attributes. The rendering is done entirely in SVG, scaling to the browser window size.

AAngela Kochoska

89% match

Loading thumbnail…

Sol LeWitt Reproduction - D3

This example reproduces a Sol LeWitt-style geometric drawing using D3 version 7.8.5 in an SVG rendering. It shows a grid of 100 horizontal and vertical lines, with two circular masks creating a central overlap effect: one mask reveals lines through a black rect and white circle, while the other inverts the pattern. The code imports `select` and `range` from D3 to generate the line data, appends rectangles with calculated positions, and applies masks defined as SVG elements to produce the layered visual.

MMatheesha Yapa

89% match

Loading thumbnail…

Full Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt wall drawing as a generative SVG artwork. It renders a grid of alternating horizontal and vertical black lines, which are partially revealed through two SVG masks that use large geometric symbols to create the negative space. The code uses D3’s `select`, `range`, `join`, and `symbol` APIs to build the composition, with the `symbol` function generating the mask paths. The result is a dynamic, layered interplay of lines and shapes that fills the browser window.

AAaron

89% 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

89% match