Skip to main content
SimilarExport ZIP
100%

Sol LeWitt 5

✓ Published0🌍 Public
Jjisu9393@naver.com
Last edited Dec 20, 2024
Created on Dec 20, 2024

A reproduction of a Sol LeWitt wall drawing generates a grid of thin horizontal and vertical lines that are selectively masked to reveal a diamond shape at the center. The code uses D3 v7 to append SVG rectangles and masks, employing `d3.range` to create 100 strips per orientation. Two SVG masks, one inverted, define the diamond by hiding or showing line segments, with the shape drawn via `d3.symbol` and `symbols[1]`. The rendering is purely procedural, using `window.innerWidth` and `window.innerHeight` to fill the viewport.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt 5

This example reproduces a Sol LeWitt wall drawing using D3.js, generating a grid of horizontal and vertical bars overlaid with two SVG masks. The masks use D3 symbol shapes—such as circles, crosses, and diamonds—cut out in contrasting black-and-white patterns, which create intersecting geometric voids across the striped lines. The rendering is fully vector-based SVG, computed dynamically from 100 data points per axis via `d3.range` and styled through `svg.append("mask")` with `d3.symbol`. The code relies on D3 selections and joins to build the layered composition.

Jjisu9393@naver.com
91% 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
88% match
Loading thumbnail…

Full Sol LeWitt Reproduction Final with D3

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.

Kkwambokar
88% match
Loading thumbnail…

Sol LeWitt - d3

This example generates a grid of horizontal and vertical stripes across the full viewport, overlaid with two opposing masks that reveal a diamond-shaped symbol at the center. The SVG is built using D3 selections and data joins, with lines spaced every 20 pixels. A reusable `renderMask` function creates the masks, using D3’s `symbol` and `symbols` API to draw the diamond path. The stripes are clipped by these masks, producing an interplay of light and dark regions inspired by Sol LeWitt’s generative wall drawings.

Ppsabela
88% match
Loading thumbnail…

Sol LeWitt reproduction with d3

This example reproduces a Sol LeWitt wall drawing using D3.js, rendering a grid of intersecting horizontal and vertical rectangles as SVG elements. The artwork shows a dense cross-hatch pattern that gradually disappears within a central circular region, creating a stark contrast between the outer textured area and the empty circle. The code generates 100 lines in each direction using `d3.range` and `selectAll(...).join('rect')`, then applies two SVG masks (`inner-mask` and `outer-mask`) to selectively reveal or hide the lines. The piece scales to the full browser window size.

AAngela Kochoska
87% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece using D3.js, generating a grid of thin horizontal and vertical rectangles that overlap across the full browser window. The composition uses SVG masks to create alternating visibility: one mask reveals a central diamond shape against a black background, while the other inverts the pattern with a white background. The code leverages D3’s `select`, `range`, and `join` to append rectangles, and `symbol` with `symbols` to define the diamond mask paths. Rendering is SVG-based, with masks applied via the `mask` element.

Jjajinkya
87% match
Loading thumbnail…

sol lewit reproduction assignment

This visualization reproduces the geometric precision of Sol LeWitt’s wall drawings using D3.js, encoding alternating vertical and horizontal line grids. It renders a series of thin rectangles that are selectively masked by SVG masks containing paths of abstract symbols, creating overlapping patterns of positive and negative space. The code leverages D3’s `select`, `range`, `symbols`, and `symbol` APIs to generate the grids and symbol paths, with masks (`url(#mask0)`, etc.) toggling visibility. The result is a dynamic, screen-sized composition that mirrors LeWitt’s systematic, rule-based aesthetics through algorithmic drawing.

KKerim
87% match
Loading thumbnail…

Full Sol LeWitt reproduction with D3

This example reproduces a Sol LeWitt wall drawing using D3 v7, rendering a grid of intersecting rectangles with SVG masks. It shows alternating striped patterns: one set of horizontal and vertical bands is masked by a black diamond symbol, while the other is masked by an inverted version. The code uses `selection.join`, `range`, and `symbol` with `symbols[1]` to generate paths, applying masks via `svg.append('mask')` and `attr('mask', ...)`. The visualization is data-free, instead deriving geometry from the browser’s window dimensions, and outputs pure vector shapes.

DDilara Bozkurt
87% match