Skip to main content
SimilarExport ZIP
100%

Full- 2 LS Sol Lewitt Reproduction

✓ Published0🌍 Public
Bbarryhillier
Last edited Jan 9, 2023
Created on Jan 8, 2023

This example reproduces a Sol LeWitt-style drawing using D3 v7, generating a grid of horizontal and vertical striped rectangles that are obscured by two circular masks. The SVG output is created with `d3.select`, `d3.range`, and `d3.symbol` to render geometric shapes, while the masks—defined via SVG `<mask>` elements—use circles filled with contrasting colors to reveal or hide portions of the grid. The artwork is rendered as an SVG, with the initial view showing only the first mask applied, leaving the second mask definition unused.

AI-generated description

A demonstration of Sel Dewitt art.

MIT Licensed

Similar vizzes

Loading thumbnail…

Full Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt-inspired generative drawing using D3 v7. It displays a grid of alternating horizontal and vertical striped rectangles, with two circular mask overlays that invert the pattern in one region to create a layered visual effect. The code uses `d3.range`, `d3.select`, and `symbol` to build the SVG shapes, applying masks via `<mask>` elements. The artwork is rendered entirely with SVG attributes, using a fixed 100-step loop for each stripe direction and a dynamic viewport-sized canvas.

Wwspwll@gmail.com
91% match
Loading thumbnail…

Full Sol Lewitt Reproduction with D3-2

This example reproduces a Sol LeWitt art piece using D3 version 6.6.1 with SVG rendering. It displays a grid of horizontal and vertical striped rectangles, overlaid with two masks that reveal or hide the stripes using D3’s `symbol` shapes. The code uses `select`, `range`, `symbols`, and `symbol` to generate mask patterns, and applies them via `attr('mask', ...)` to create the visual effect.

Yyejichun@naver.com
91% match
Loading thumbnail…

Full Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt-style drawing using overlapping horizontal and vertical striped rectangles, masked to reveal a white diamond shape at the center and a black circle behind it. The visualization is rendered as an SVG using D3 v7, leveraging `select`, `range`, `join`, and `symbol` APIs to generate the grid of lines. Two masks (`circle-mask` and `circle-mask2`) combine the shapes, with the horizontal bars visible through the diamond and vertical bars elsewhere. The code imports from `d3` and appends elements to the body, adapting to the full window size.

Lliu yang
90% match
Loading thumbnail…

Full Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using D3 to generate SVG shapes. Alternating vertical and horizontal striped rectangles are layered beneath two masks, creating a geometric composition where the pattern changes across the canvas. Each mask contains alternating black and white regions with D3 symbol paths—including circles, crosses, and diamonds—positioned at intervals. The code uses `d3.select`, `d3.range`, `d3.symbol`, and `d3.symbols` to build the visualization, with the masks inverted relative to each other for a contrasting effect.

MMatthew Bruffey
90% match
Loading thumbnail…

Full D3 Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric drawing using D3 v7 in an SVG. It shows a grid of alternating vertical and horizontal rectangles overlaid with two circular masks, creating a crosshatched pattern with a central starburst-like cutout. The code uses D3 selections, `range`, `join`, and `symbol` with `symbols[1]` to generate shapes, while `select` appends the SVG to the body. Masks are built via a custom `renderMask` function that toggles fill colors based on an `inverted` parameter. Data is generated procedurally with `range(n)` for 100 iterations.

Mmegan-grannan
90% match
Loading thumbnail…

Full Sol LeWitt Reproduction with D3

This example replicates a Sol LeWitt wall drawing using D3.js, rendering a grid of horizontal and vertical stripes across the full browser viewport. Two SVG masks, each containing a large circle, selectively reveal the stripes: one mask shows the lines inside the circle, while the other hides them, creating an inverted pattern. The code uses `d3.select`, `d3.range`, and `d3.symbol` to construct the overlapping line groups and circular mask shapes, with the SVG output generated dynamically from JavaScript.

WWolfgang
90% match
Loading thumbnail…

Full LS Sol Lewitt Reproduction

This visualization reproduces a Sol LeWitt-inspired drawing through a geometric grid of narrow black and white rectangular stripes, with circular masks creating a layered pattern. Built using D3 v7, the code generates two sets of 100 horizontal and vertical lines using `selectAll` and `range`, then applies SVG masks (`mask-1`, `mask-2`) that combine a large circle and a symbol path generated via `symbol(symbols[0], 125000)()` to selectively reveal or hide the stripes across the viewport. The result is an interactive, fullscreen generative art piece that fills the browser window with a rhythmic, screen-printed aesthetic.

Bbarryhillier
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