FFFSDASDASDAS

100%

✓ Published1🌍 Public

Last edited Feb 26, 2023

Created on Feb 25, 2023

Forked from FFFF

This piece reproduces a Sol LeWitt drawing as a generative grid of horizontal and vertical lines. The lines are masked by two complementary filters: one mask reveals a set of symbolic glyphs, while the inverse mask hides them, creating a complex interplay of line and form. The code uses the D3.js library, specifically `select`, `range`, `symbols`, and `symbol`, to build SVG elements and apply masks. The output is rendered as a single SVG.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

FFFF

This example reproduces a Sol LeWitt-inspired geometric composition using overlapping striped grids and two circular masks. It renders 100 horizontal and 100 vertical rects in an SVG, with each set filtered through a distinct mask that reveals or hides portions of the lines. The masks are built with `d3.symbol` and the `symbols[2]` shape, creating two large circles that intersect to produce a dynamic, patterned interplay of light and dark areas. The code uses D3’s `select`, `range`, `join`, and `mask` APIs to generate the layered structure and the final visual effect.

JJeppeOEM

86% match

Loading thumbnail…

Sol

This interactive artwork reproduces a Sol LeWitt-inspired drawing using SVG. It displays a grid of vertical and horizontal lines that are partially revealed through a mask containing geometric symbols. The piece builds the composition by layering 100 rectangles in each orientation. The visualization uses D3.js, specifically the `select`, `range`, `symbols`, and `symbol` APIs, to generate the mask patterns and render the final image dynamically based on the browser window size.

JJeppeOEM

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

84% match

Loading thumbnail…

Other Sol LeWitt Reproductions

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.

Llukasilg.sol@gmail.com

83% match

Loading thumbnail…

Sol LeWitt Reproduction with D3

A generative reproduction of Sol LeWitt’s geometric wall drawings, this example uses D3 to compose a dense grid of horizontal and vertical stripes. Two SVG masks, each populated with a row of distinct symbol shapes, selectively hide or reveal the underlying line work to create layered, patterned intersections. The code leverages `d3.range`, `d3.symbols`, and `d3.symbol` to generate the mask paths, with `selection.call` applying the mask logic to the main SVG. The result is an algorithmic reinterpretation of LeWitt’s systematic, rule-based art, rendered entirely as vector graphics.

Xxyzcorrupt@gmail.com

83% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example recreates a Sol LeWitt art piece using generative SVG drawing. It shows a grid of thin horizontal and vertical lines that are selectively revealed through two circular masks, creating a cross-shaped pattern within a central circle. The code builds the visualization entirely with raw SVG elements and the DOM API, using `createElementNS` and `setAttribute` to construct rectangles and masks. The masks, defined as `circle-mask` and `circle-mask-2`, combine black and white fill layers to control which line segments remain visible, producing the final geometric composition.

EEmanuele Pizzuti

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

83% match

Loading thumbnail…

Full Sol LeWitt D3

Sol LeWitt’s geometric drawing system is recreated as a generative SVG composition using D3. Horizontal and vertical grid lines are drawn across the viewport, each filtered through one of two masks that reveal alternating symbol shapes from `d3.symbol` at fixed intervals. The masks are constructed with `d3.select` and `append`, using `d3.range` to place five distinct symbols, while the grid relies on `selectAll` and `join` with `rect` elements. This implementation adapts the artist’s rule-based aesthetics to a full-screen, code-driven format.

PParker-D5

82% match