Fork of Sol Lewitt Reproduction

100%

Fork of Sol Lewitt Reproduction

✓ Published0🌍 Public

Last edited Jul 22, 2026

Created on Jul 22, 2026

This visualization reproduces a Sol Lewitt wall drawing as a grid of four distinct geometric patterns, one per quadrant, created programmatically with vanilla JavaScript and SVG. It shows repetitive black vertical stripes in the upper left, yellow horizontal bars in the upper right, angled rectangles in the lower left, and a matching striped composition in the lower right. The code builds the SVG using `document.createElementNS`, applying `clipPath` elements to confine each shape set to its quadrant. No external libraries are used; all graphics are generated through direct SVG element manipulation.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol Lewitt Reproduction mid point

This visualization reproduces Sol LeWitt's geometric wall drawings using programmatically generated vertical stripes. Two identical loops of 100 thin rectangles each are rendered atop one another, creating a dense, rhythmic pattern of black lines across the full height of the browser window. Built with the native SVG API in JavaScript, the code creates elements via `document.createElementNS` with `'http://www.w3.org/2000/svg'`, setting each rectangle’s position and dimensions through `setAttribute`. The canvas dynamically adapts to the viewport dimensions using `window.innerWidth` and `window.innerHeight`.

GGbemiga Atolagbe

90% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired geometric composition entirely through SVG elements. It shows a grid of horizontal and vertical bands that intersect within a centered circular boundary, creating a patterned interplay of lines and negative space. The code constructs the visualization using raw JavaScript and the SVG DOM API, creating two masks—one with a black background and white circle, the other with the inverse—to alternately reveal horizontal stripes inside the circle and vertical stripes outside it. One hundred rectangles are generated for each orientation, each masked to produce the final layered effect.

AAWLGAWLG

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

90% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a geometric Sol LeWitt art piece using layered horizontal and vertical stripes. It shows a grid of thin, colored bars that are visible only within two circular regions in the center of the screen—one with horizontal lines and another with vertical ones. The work uses the raw SVG DOM API to create masks, rectangles, and circle elements, defining a black-and-white mask pattern to selectively reveal each stripe set. The rendering is static, displaying 100 stripes in each direction across the full browser viewport.

Cchrismryan

89% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using raw SVG and JavaScript, creating a geometric composition of overlapping horizontal and vertical bands. The artwork shows a grid of alternating colored stripes confined to a circular mask, with a second inverted mask revealing a contrasting ring pattern. The code builds SVG elements dynamically, using two SVG masks—one with a white circle on black and another with a black circle on white—to control which stripes appear in the center and edges. It relies on standard DOM APIs like `createElementNS` and `setAttribute` to generate 100 rectangles in each orientation, without any external libraries.

WWRCIECH

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

The visualization reproduces a Sol LeWitt art piece by rendering a grid of horizontal and vertical bars that intersect around a central circular void. The SVG is built entirely with vanilla JavaScript and SVG DOM methods, using two masks to create the effect: a circle-mask that reveals only the horizontal bars within a 200-pixel radius, and a circle-mask-2 that inverts the circle to show vertical bars outside it. Each bar is a thin rectangle, with 100 horizontal strips and 100 vertical strips drawn across the full viewport. The result is a geometric composition of alternating line directions inside and outside the circular boundary.

Mmkarnam.mahendra@gmail.com

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

89% match