Fork of Sol Lewitt Reproduction Vertical

100%

Fork of Sol Lewitt Reproduction Vertical

✓ Published0🌍 Public

Last edited May 1, 2026

Created on May 1, 2026

Forked from Sol Lewitt Reproduction Vertical

This example reproduces Sol LeWitt’s vertical wall drawing using pure SVG and JavaScript. It creates a circular mask and its inverse, then renders 100 horizontal and 100 vertical stripes that alternate visibility through those masks. The result is a grid of intersecting lines with a circular void in the center, generated entirely through DOM manipulation and SVG `mask` elements.

AI-generated description

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

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

93% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using raw JavaScript and the SVG API. It generates a grid of horizontal and vertical stripes, masked by two inverse circular masks to create a composition of intersecting lines. The code directly creates SVG elements via `document.createElementNS`, setting attributes for rectangles and masks to control the visible pattern. The rendering is dynamic, adapting to the browser window's full width and height.

DDilara Bozkurt

93% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using two sets of horizontal and vertical stripes that interact with a circular mask. The circle at the center masks the horizontal stripes, while an inverted mask allows vertical stripes to appear only inside a second circular region. The code builds an SVG dynamically with JavaScript, creating 100 striped rectangles in each orientation and applying SVG masks to achieve the visual effect. It demonstrates a stark, geometric composition based on the artist’s generative instructions.

Xxyzcorrupt@gmail.com

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

JJulia Ustits

93% match

Loading thumbnail…

Fork of Fork of Sol Lewitt Reproduction vertical

This example creates a dynamic, full-screen SVG composition of overlapping striped patterns. It uses JavaScript to generate 100 horizontal and 100 vertical rectangles, each with a fixed thickness, and applies an SVG mask to each set. A circular mask restricts the horizontal stripes to a central circle, while an inverted mask applies the same circular cutout to the vertical stripes. The result is a grid of lines that are visible only within the intersecting circular region, demonstrating the use of the SVG `<mask>` element and dynamic DOM manipulation with `createElementNS`.

Ssirenajbpearl@gmail.com

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using dynamically generated SVG elements. It displays a grid of horizontal and vertical lines whose visibility is constrained by two circular masks: one reveals the horizontal lines inside a circle, while the other reveals vertical lines outside the same circle. The code uses the SVG `mask` and `mask` attribute to layer the intersecting line patterns. All elements are created programmatically with `document.createElementNS`, and the layout responds to the window’s dimensions. The artwork relies entirely on SVG primitives, without external libraries.

IIsabella Reyna

92% match