Fork of FULL sol l. reprod. w/ d3

100%

Fork of FULL sol l. reprod. w/ d3

✓ Published1🌍 Public

Last edited Jun 8, 2024

Created on Jun 8, 2024

This example recreates a Sol LeWitt-inspired geometric wall drawing using the D3.js library. It shows a grid of thin, white horizontal and vertical strokes that are selectively revealed through circular mask shapes on a black background, creating layered optical patterns. The code uses `d3.select`, `d3.range`, and `d3.symbols` to generate the lines and masks, which are rendered as SVG elements. The visualization is driven by D3’s data-join methods to append and position the rectangles and paths.

AI-generated description

A recreation of Sol LeWitt's Art

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of FULL sol l. reprod. w/ d3

This example recreates Sol LeWitt's generative art using an SVG canvas with D3.js. It shows a grid of horizontal and vertical lines whose appearance is modified by two masks, creating a dynamic interplay of shapes and negative space. The code uses D3's `select`, `range`, and `symbols` APIs to generate the geometry, and it defines custom mask elements with `mask.append()` to selectively reveal or hide parts of the line pattern. The rendering is purely vector-based, with dimensions derived from the browser window's `innerWidth` and `innerHeight`.

Kkhaledakanan@gmail.com

94% match

Loading thumbnail…

Fork of Fork of Fork of FULL sol l. reprod. w/ d3

This example recreates Sol LeWitt’s wall drawing using D3’s `range`, `select`, `symbols`, and `symbol` APIs. It renders horizontal and vertical stripes as SVG rectangles, masked by two overlapping masks that cut out a series of D3 symbol shapes across the canvas. The masks are generated programmatically, with the shape size proportional to the viewport’s dimensions. The code adjusts the symbol area based on window height, showing how parametric art can respond to display constraints while preserving the original geometric composition.

Kkhaledakanan@gmail.com

92% match

Loading thumbnail…

Fork of Full Sol LeWitt Reproduction Final with D3

This example reproduces a Sol LeWitt-inspired geometric composition using D3.js, rendering a grid of thin horizontal and vertical rectangles on an SVG canvas. Two masks—one with a white background and black diamond shape, the other inverted—overlay the grid, so the lines are partially visible through the cutout areas. The code uses d3.select, d3.range, and d3.symbol to generate the shapes and apply the mask effects. The final artwork is static, with masks and grid lines defined programmatically at full window dimensions.

Kkwambokar

91% match

Loading thumbnail…

Unrelated Fork of Fork of Fork of FULL sol l. reprod. w/ d3

This piece recreates Sol LeWitt's wall drawing through layered SVG rectangles that intersect via mask patterns. The code uses d3's selection, range, and symbol APIs to generate alternating horizontal and vertical bands, with shape-based masks applied using circular symbol paths. The visualization continuously re-renders in a loop, resizing the mask area between iterations. It demonstrates generative art principles through geometric composition, where overlapping masked rectangles create the characteristic grid-and-circle interplay of the original work.

Kkhaledakanan@gmail.com

91% match

Loading thumbnail…

Fork of Full Sol LeWitt Reproduction with D3

This visualization recreates a Sol LeWitt wall drawing using D3.js, generating a grid of horizontal and vertical bars that intersect to form a dynamic pattern. The code draws 100 rectangular strips in each direction, using SVG masks to selectively hide portions of the grid with large mathematical symbols. The artwork relies on `d3.range`, `d3.select`, and `d3.symbol` to construct the visual, with the mask system alternating between inverted and non-inverted states to create contrasting regions across the canvas.

Aadityapalliyil0@gmail.com

91% match

Loading thumbnail…

Fork of Fork of Full Sol LeWitt Reproduction with D3

This visualization recreates a Sol LeWitt wall drawing using an SVG canvas. It layers two sets of perpendicular, striped rectangles, each masked to reveal the artwork through repeating geometric symbols. The code uses D3 v7 methods like `select`, `range`, `join`, and `symbol` to generate the marks. Two SVG masks are applied with inverted fills, producing a crosshatched pattern where the symbols appear as cutouts.

Lliu yang

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction Final with D3

This example reproduces a Sol LeWitt-inspired geometric artwork using D3.js and SVG rendering. It displays a grid of horizontal and vertical black bars that are partially revealed through two circular mask effects, creating intersecting line patterns across the full viewport. The visualization uses d3.select and data joins to generate 100 rectangle elements for each orientation, while SVG mask elements with circle shapes control which portions of the lines remain visible. The bars are positioned mathematically based on array indices, with the masks centered in the window to produce the layered optical effect.

Kkwambokar

91% match

Loading thumbnail…

Fork of Full Sol LeWitt Reproduction with D3

A fork of the Sol LeWitt wall drawing reproduction renders a grid of horizontal and vertical stripes, each masked by a circular form, on an SVG canvas that fills the browser window. The piece uses the D3.js API, specifically `select`, `range`, and the `join` method, to generate the stripes, while masks are created with `symbol` and `symbols` to imprint the circle. The result is a geometric interplay of lines and negative space, driven entirely by D3's declarative data-binding and SVG rendering.

Lliu yang

91% match