GT Fork of Sol LeWitt Reproduction

100%

GT Fork of Sol LeWitt Reproduction

✓ Published0🌍 Public

Last edited May 10, 2022

Created on May 10, 2022

This example shows a generative reproduction of a Sol LeWitt wall drawing, built entirely with inline SVG and the DOM API. It draws 100 horizontal and 100 vertical striped rectangles across the viewport, and uses two SVG masks to carve a central circular reveal: the first mask clips the horizontal bars, the second masks the vertical bars. The result is a grid of lines that intersect only inside the circle. The code uses `document.createElementNS` and `setAttribute` for all SVG construction.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example recreates a Sol LeWitt art piece using generative SVG drawing. It shows a grid of thin horizontal and vertical lines that are selectively revealed through two circular masks, creating a cross-shaped pattern within a central circle. The code builds the visualization entirely with raw SVG elements and the DOM API, using `createElementNS` and `setAttribute` to construct rectangles and masks. The masks, defined as `circle-mask` and `circle-mask-2`, combine black and white fill layers to control which line segments remain visible, producing the final geometric composition.

EEmanuele Pizzuti

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

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

89% match

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

88% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using raw SVG and JavaScript, without any external libraries. It generates 100 horizontal and 100 vertical rectangles that intersect to form a grid across the entire viewport. Two SVG masks—a circular mask and an inverted circular mask—are applied to the rectangles, creating a sharp circular boundary with a single horizontal bar cutting through its center, while the surrounding area shows the full grid of vertical bars. The code uses `document.createElementNS` to build the SVG elements dynamically.

PPercivalnot

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

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

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

88% match