Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of Sol Levitt Vertical

✓ Published2🌍 Public
SSimon Krukowski
Last edited May 8, 2024
Created on May 8, 2024

This generative art piece recreates a Sol LeWitt-inspired wall drawing using only SVG shapes. It shows a grid of horizontal and vertical black stripes confined to a central circular area. The code builds two SVG masks: one cuts a hole in a black circle, while the other inverts it, so overlapping stripes are visible only within the ring. The stripes are generated with JavaScript loops, each rect targeted to a specific mask via `url(#circle-mask)`. The artwork adapts to the browser window dimensions.

AI-generated description

A demonstration of SVG shapes.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction

This generative art piece reproduces a Sol LeWitt-inspired geometric composition using SVG masks to create two distinct circular viewing windows. The artwork shows a grid of horizontal and vertical stripes, where horizontal bands appear within a central circle and vertical bands appear outside that circle, creating a striking contrast. Built with the Document Object Model and SVG API, the code generates 100 horizontal and 100 vertical rectangles, each masked individually to define the pattern’s boundaries. The masks—one with a black background and white circle, the other inverted—control the visibility of each stripe set, producing the final interlocking visual effect.

Mmagswo
90% 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
90% match
Loading thumbnail…

Fork of Sol LeWitt

This is a generative art reproduction of a Sol LeWitt piece, rendered as a full-window SVG. It displays a grid of horizontal and vertical black bars that are masked into two concentric circular regions. The work uses two SVG masks: the first reveals only the horizontal bars within a central circle, while the second inverts that circle to show vertical bars everywhere else. The code constructs all elements dynamically via the DOM API, without external libraries.

Xxscotta@yahoo.com
90% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

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.

Ssenghok789@gmail.com
89% match
Loading thumbnail…

Fork of Sol Lewitt Reproduction vertical

A vertical grid of thin black and white rectangles creates a striped pattern, with a circular mask revealing a central white circle against black. A second mask inverts the effect, producing a contrasting ring of horizontal and vertical lines. The piece is generated entirely with native SVG and JavaScript, using dynamically created `rect` elements and two circle-based masks to layer the visual composition. It is a reproduction of a Sol LeWitt art piece.

JJinpeng Li
89% 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
89% match
Loading thumbnail…

Fork of Fork of Fork of Sol LeWitt Reproduction Mask Inverse

This generative art piece reproduces a Sol LeWitt-inspired composition, displaying a grid of horizontal and vertical black stripes across the full browser window. The work shows a circular region in the center where the horizontal stripes are masked out, revealing only the vertical lines, creating a distinct visual inversion. The piece uses raw SVG elements created via the Document API, employing a `mask` element with a white circle on a black rectangle to selectively hide parts of the rendered rectangles. The code iterates 100 times to generate both the horizontal and vertical stripe sets, relying on `window.innerWidth` and `window.innerHeight` to adapt the layout to the viewport size.

SShashi Kumar
89% match
Loading thumbnail…

Fork of Sol Lewitt Vertical

This example reproduces Sol LeWitt’s *Vertical* art piece using two SVG masks to interleave horizontal and vertical black bars. A circular mask reveals the horizontal bars inside the circle while hiding them outside, and a complementary mask reveals the vertical bars only outside the circle. The code builds the SVG directly with the Document Object Model (DOM) API, creating 100 rectangles at 20-pixel intervals across a 600×500 canvas. The result is a clean, geometric pattern that contrasts dense line grids with an empty circular void.

FFrancisco Ibelles
89% match