Fork of Sol LeWitt Reproduction

100%

Fork of Sol LeWitt Reproduction

✓ Published0🌍 Public

Last edited Feb 2, 2024

Created on Feb 2, 2024

This example reproduces a Sol LeWitt wall drawing using generative linework confined to circular masks. Horizontal and vertical striped rectangles are layered across the full canvas, with an SVG mask revealing only the central circular area for each orientation. The piece uses pure JavaScript and the SVG API, creating two masks and drawing one hundred striped rectangles of alternating orientation. The result is a minimalist, geometric composition that directly emulates LeWitt’s instructional art 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

94% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt–style geometric drawing using raw SVG and JavaScript. It displays a grid of alternating horizontal and vertical stripes that are revealed through two circular mask regions at the center of the canvas. The code creates an SVG element, defines two mask layers—one with a white circle on black and another with a black circle on white—and appends 100 horizontal and 100 vertical rectangles. Each rectangle is clipped by one of the masks, producing the contrasting stripe pattern without any external libraries.

Nnim@brejnholt.dk

93% 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

93% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This is a generative art example that reproduces a Sol LeWitt piece as an SVG drawing. It shows a grid of horizontal and vertical bands intersecting within two circular masks at the center of the viewport. The rendering uses vanilla JavaScript with SVG’s `mask` and `circle` elements to alternate which bands are visible. The code creates 100 horizontal and 100 vertical rectangles, each 10 pixels thick, and uses two complementary masks to reveal either the horizontal or vertical set within a 200-pixel-radius circle, creating a crosshatched, layered effect.

MMaras13

93% 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

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using only JavaScript and the SVG API. A central circular mask reveals a grid of horizontal black lines in the center of the viewport, while a second inverted mask allows vertical black lines to appear only outside the same circle, creating a striking contrast. The code dynamically creates all SVG elements—including masks, rectangles, and circles—based on the browser window dimensions, generating 100 horizontal and 100 vertical stripes that intersect in a pattern defined by the two masks.

Mmagswo

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt artwork using procedural SVG rendering. It displays a grid of horizontal and vertical stripes that intersect within two circular masks, creating a geometric pattern where lines are visible only inside the circles. The code generates 100 rectangles in each direction, using SVG `mask` elements with `circle` shapes to constrain the drawn areas. A full-screen SVG canvas is built dynamically with `createElementNS`, and the composition is generated entirely through JavaScript without external libraries.

Eeverybitmihaly

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This piece reproduces a Sol LeWitt wall drawing using a generative, code-based approach. It shows a circular area of black horizontal stripes set against a plain white background, directly echoing the minimalist aesthetic of the original. The artwork is constructed with an SVG `mask` and dynamically created `rect` elements. The code uses the `document.createElementNS` API to build the SVG structure, with the mask restricting the parallel bars to a circular form.

Mmegan-grannan

92% match