Fork of Sol LeWitt Reproduction

100%

Fork of Sol LeWitt Reproduction

✓ Published0🌍 Public

Last edited Sep 29, 2025

Created on Sep 29, 2025

This is a generative art piece that recreates a Sol LeWitt wall drawing using SVG elements. It renders a full-screen grid of horizontal and vertical stripes, with a central circular area masked to show the horizontal lines while the surrounding area displays vertical lines. The code uses the SVG DOM API directly to create and manipulate `rect` and `circle` elements, along with `mask` definitions to control visibility. The pattern is generated programmatically across the entire canvas, with each stripe having a fixed width and height.

AI-generated description

MIT Licensed

Similar vizzes

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

94% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This is a generative art piece that recreates a Sol LeWitt wall drawing as a grid of horizontal and vertical striped bands. The artwork is composed of 100 horizontal rectangles and 100 vertical rectangles, where a circular mask is applied to each set—a white circle on a black background for the horizontal lines, and a black circle on white for the vertical lines. Using raw JavaScript and SVG DOM manipulation via `document.createElementNS`, the code constructs the full-screen canvas dynamically. The work directly references LeWitt’s geometric style, using algorithmic repetition to explore how overlapping line orientations interact within a circular boundary.

TteerthSatwara

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

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

A generative SVG reproduction of a Sol LeWitt wall drawing renders a grid of alternating horizontal and vertical black lines. Masks—the SVG `mask` element—isolate the line patterns within two separate circular regions, creating a layered intersection effect. The drawing uses a procedural loop to create 100 line elements in each orientation with a 20-pixel offset. The result is a minimalist, geometric composition where the line-based structure is defined by the mask APIs rather than explicit drawing commands.

VVarun Senguttuvan

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

An SVG-based art reproduction draws from Sol LeWitt’s geometric wall drawings, displaying a full-viewport canvas filled with a grid of thin, vertical black stripes. A centered circular mask clips these stripes, so the visible pattern forms a crisp disk bounded by a soft edge. The code constructs the SVG and mask dynamically via DOM methods, setting stripe width and count directly (100 stripes at 20-pixel intervals), and assigns the mask to each rectangle through the `mask` attribute. The result applies LeWitt’s systematic design to responsive, full-window rendering.

Ggianlucaguerra

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 displays a black-and-white grid of horizontal and vertical stripes that intersect in a circular region at the center. The code constructs an SVG canvas sized to the browser window and uses two SVG masks to alternate visibility within the circle. One mask reveals the horizontal bands, while the other reveals the vertical bands, creating the illusion of a woven pattern. The piece is a direct reproduction of a Sol LeWitt drawing, generated through low-level SVG creation via the DOM API without any external visualization libraries.

Pprimexartwrks.fi@gmail.com

92% match