Skip to main content
SimilarExport ZIP
100%

Full Sol LeWitt Reproduction Final with D3

✓ Published1🌍 Public
Kkwambokar
Last edited Aug 9, 2022
Created on Aug 9, 2022

This visualization reproduces a Sol LeWitt wall drawing using D3.js to render a grid of thin horizontal and vertical lines across the full browser window. The piece uses SVG masks to create two contrasting geometric cutouts: a large white diamond-shaped symbol in the center and a black circular hole, revealing the line patterns beneath. The code employs d3.select, d3.range, and d3.symbol to generate the composition, with the mask elements dynamically positioned based on the viewport dimensions. The artwork is drawn entirely with SVG rectangles arranged by D3’s data join.

AI-generated description

A reproduction of a Sol Lewitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Full Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt wall drawing using D3.js, rendering a grid of horizontal and vertical lines that intersect to form a subtle pattern across the full browser viewport. The piece relies on two SVG masks—one circular and one rectangular—to selectively reveal or hide portions of the line arrays. Specifically, a path generated via `symbol(symbols[1],100000)` creates a large circular mask over the vertical lines, while a black circle mask obscures the horizontal lines in a contrasting region. The code uses D3’s `select`, `range`, and `join` APIs to efficiently append hundreds of SVG rect elements, with all rendering performed client-side in SVG format.

Gguts
95% match
Loading thumbnail…

Full Sol LeWitt Reproduction with D3 - Part II

This visualization reproduces a Sol LeWitt art piece as a grid of horizontal and vertical lines, with both sets of lines partially masked by a central diamond shape. The code uses D3 v6 to append SVG rectangles in a loop, creating the line structure across the full browser window. Two SVG masks, rendered via `d3.symbol` with the diamond symbol type, selectively reveal or hide portions of the lines, producing the characteristic overlapping geometric pattern. The rendering is entirely SVG-based, with dimensions set to the window size.

WWolfgang
94% match
Loading thumbnail…

Full Sol LeWitt Reproduction with D3

This visualization reproduces a full Sol LeWitt art piece using D3, displaying a grid of horizontal and vertical stripes that are selectively masked by geometric symbols. The artwork shows alternating bands of lines, with the vertical stripes masked by filled shapes and the horizontal stripes partially obscured. The code uses D3’s `select`, `range`, and `symbols` APIs to generate SVG rectangles and mask paths, rendering 100 lines in each direction across the full browser window. Two separate masks apply contrasting white and black fills to create the overlapping pattern effect.

PPareel Amre
93% match
Loading thumbnail…

Full Final of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt wall drawing using D3.js, generating a rhythmic pattern of alternating horizontal and vertical line segments across a wide, low canvas. The visualization uses D3’s `symbols` and `symbol` to map geometric shapes into SVG masks, which selectively reveal or hide grid lines within seven vertical panels. The code computes layout parameters from `window.innerWidth`, renders SVG `rect` elements for the lines, and applies four masks with inverted fills to create the final intersecting composition.

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

Full of Sol LeWitt Reproduction with D3

This example renders a generative grid of thin horizontal and vertical rectangles that form a woven, screen-like texture across the full browser window. A large diamond-shaped hole and a circular cutout are created using two SVG masks, revealing the underlying white background. The piece reproduces a Sol LeWitt wall drawing using D3’s selection and data-join methods, along with `symbol`, `symbols`, and `range` to define the geometry. The layout responds dynamically to the viewport’s dimensions, and the composition relies on alternating white and default black fills for contrast.

IIgorGorin00
92% match
Loading thumbnail…

Full Sol Lewitt Reproduction with D3

This visualization reproduces a Sol LeWitt wall drawing using D3.js, rendering a grid of horizontal and vertical lines that are selectively masked by circular paths. The piece uses D3’s `select`, `range`, and `symbol` APIs to create 100 rectangles in each orientation, with the masks defined via SVG `mask` elements and D3’s path symbols. The full-viewport SVG canvas adapts to the browser window, and the `join` operation efficiently appends the graphical primitives.

Mmaximus2581
92% match