Fork of Sol LeWitt Reproduction

100%

Fork of Sol LeWitt Reproduction

✓ Published0🌍 Public

Last edited Jul 2, 2022

Created on Jul 2, 2022

This visualization recreates a Sol LeWitt wall drawing using two overlapping SVG masks to generate a grid of horizontal and vertical lines that intersect in a triangular pattern. A white triangular mask on a black background controls the horizontal lines, while an inverted mask controls the vertical lines, creating a clean boundary between the two orientations. The code builds the SVG dynamically with vanilla JavaScript, creating 100 rectangle elements for each direction and applying the masks via the `mask` attribute. The result is a geometric, generative art piece that mimics LeWitt’s instructional drawing style.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using only SVG and JavaScript, creating a grid of alternating horizontal and vertical bands. Two circular masks reveal the layered strokes: the first mask exposes vertical strips within a centered circle, while the second inverts that region to show horizontal strips outside it. The code generates 100 rectangles per direction, each 10 pixels thick, using the `document.createElementNS` API and SVG `mask` elements to compose the visual interplay. The result is a clean, geometric abstraction that mimics the artist’s instructional art style.

Mmavercikalvin

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

A generative rendering of a Sol LeWitt-inspired geometric composition uses SVG masks to reveal intersecting horizontal and vertical line grids. The artwork first displays 100 horizontal rects, masked by a central white circle, then overlays 100 vertical rects masked by an inverted circle, creating a cross-shaped overlap of striped bands. Built entirely with native browser APIs, the code manipulates SVG elements directly via `document.createElementNS`, setting `mask` attributes to alternate visibility across the two circular regions. No external libraries are used; the piece relies on simple `rect` elements, SVG `mask` definitions, and coordinate calculations based on `window.innerWidth` and `window.innerHeight`.

SSerge

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using an SVG rendering approach. It displays a grid of horizontal and vertical lines that intersect within two circular masks, creating a nested geometric pattern centered on the screen. The code constructs SVG elements dynamically via the Document API, using `createElementNS` to build rectangles and circles. Two masks (`circle-mask` and `circle-mask-2`) control visibility: the first reveals horizontal stripes inside a 200-pixel-radius circle, while the second exposes vertical stripes in the surrounding area, producing a layered, minimalist composition.

NNeel Mehta

90% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by drawing vertical and horizontal striped rectangles that are clipped by two circular masks, creating a circular intersection of alternating line directions. The vertical stripes are masked in one circle while horizontal stripes use an inverted mask, resulting in a striking contrast between the two orientations. Built with plain SVG and JavaScript, the code creates mask elements and rects dynamically, with redundant masked stripes generated but not appended, leaving the final composition to render only the active circle-based overlay.

Aanakin13

90% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This fork reproduces a Sol LeWitt wall drawing using dynamically generated SVG elements. It shows a grid of thin horizontal and vertical black lines intersecting within two overlapping circular masks, creating a geometric pattern where line density varies. The code uses the SVG DOM API to create `<rect>` elements, `<mask>` definitions, and `<circle>` shapes without any external libraries. The visualization generates 100 horizontal and 100 vertical stripes, each clipped by a complementary mask to produce the circular cutout effect against the full viewport.

SSamuel Aregbesola

90% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction (veefwoar)

This fork of a Sol LeWitt reproduction uses SVG masks to create a circular window that reveals a grid of horizontal lines. A second layered mask with inverted colors displays vertical lines within the same circle, producing an interlocking geometric pattern. The code builds the SVG dynamically with `document.createElementNS`, setting `mask` attributes on rectangles to control visibility. The piece references LeWitt’s wall drawings, translating his algorithmic instruction-based art into a web-native form.

Vveefwoar

90% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This generative art piece reproduces a Sol LeWitt wall drawing using pure JavaScript and the SVG API. It displays a grid of alternating horizontal and vertical stripes that intersect within central circular masks, creating a layered geometric pattern. The code constructs an SVG canvas with two circle masks—one revealing horizontal bars, the other vertical bars—overlaid to produce the final composition. No external libraries are used; all elements are created dynamically via `document.createElementNS` and styled with inline attributes.

Kktshim@snu.ac.kr

90% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece, showing a grid of horizontal and vertical black lines that intersect only within two circular regions. A circle at the center acts as a mask, revealing the line patterns where the two shapes overlap. The code uses the SVG API to create elements and defines two `mask` regions to selectively display the lines. The artwork is generated procedurally with JavaScript loops, drawing 100 horizontal and 100 vertical rectangles without any external data source.

FFilipKupanovac

90% match