Fork of Sol LeWitt reproduction circle

100%

Fork of Sol LeWitt reproduction circle

✓ Published1🌍 Public

Last edited Sep 18, 2022

Created on Sep 18, 2022

Forked from Sol LeWitt reproduction circle

This example recreates Sol LeWitt’s geometric wall drawing using overlapping horizontal and vertical striped bands. A central circle is isolated through two SVG masks: one shows the horizontal stripes inside the circle, while the other reveals vertical stripes outside it. The code builds the SVG entirely via native DOM methods like `document.createElementNS` and `setAttribute`, with no external libraries. Each stripe is a thin rectangle, and the masks are defined with black-and-white fill patterns to clip the 100 stripes per direction.

AI-generated description

A reproduction of Sol LeWitt art piece

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt reproduction circle

This example reproduces a Sol LeWitt wall drawing by generating two intersecting sets of striped rectangles within a circular mask on an SVG canvas. One set of horizontal bands is clipped by a white circle mask, while a second set of vertical bands is clipped by an inverted black circle mask, creating a checkerboard-like pattern inside the circle. The code uses raw JavaScript and the SVG DOM API, creating elements with `document.createElementNS` and applying masks via `url(#circle-mask)` and `url(#circle-mask-2)`. The rectangles are laid out programmatically in two loops of 100 iterations each.

Jjonathanh21

92% match

Loading thumbnail…

Fork of Sol LeWitt reproduction circle

This example reproduces Sol LeWitt’s geometric wall drawing using purely SVG and JavaScript DOM APIs. A circular mask is applied over a grid of horizontal and vertical rectangle strips, with two complementary masks alternating light and dark bands. The result is a clean, mask-based rendering of intersecting lines confined to a circle, created dynamically without any external visualization libraries. The code relies on raw SVG element creation and mask definitions to achieve the effect.

Nnitika1234567

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using raw SVG and the DOM API. It displays a grid of horizontal and vertical stripes that intersect inside a central circle, creating a woven pattern. The code constructs the SVG via `document.createElementNS` and uses two SVG masks—`circle-mask` and `circle-mask-2`—to selectively reveal the horizontal and vertical bands. No external libraries are used; it relies solely on native browser methods and attributes.

Zzaioris

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style drawing using raw SVG elements and mask manipulation. The visualization renders a series of overlapping horizontal and vertical stripes by creating rectangles and applying circular SVG masks to confine their visibility, producing a geometric composition. The code uses DOM manipulation via `createElementNS` and `setAttribute` to construct the SVG, with two distinct masks (`circle-mask` and `circle-mask-2`) controlling different stripe patterns. The result is a monochromatic, grid-based artwork where varying rectangle heights and widths generate a rhythmic, minimalist pattern across the full viewport.

NNeel Mehta

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

A fork of a Sol LeWitt reproduction generates an abstract geometric composition from two overlapping SVG mask patterns. It shows alternating horizontal and vertical striped bands intersecting in a grid, with a circular cutout revealing the layered structure. The code builds an SVG scene using raw DOM APIs (`document.createElementNS`) and applies two circular masks (`circle-mask` and `circle-mask-2`) to control which stripes appear inside the central circle. A series of 100 rectangles for each orientation form the visual output, with no external data or libraries beyond the browser's native SVG support.

WWeeeLi

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

90% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using SVG elements and mask-based compositing. It shows a grid of horizontal and vertical stripes that intersect within a central circular region, creating a geometric pattern where line orientations alternate inside and outside the circle. The code uses raw SVG DOM manipulation via `createElementNS` to build rectangles and defines two masks (`circle-mask` and `circle-mask-2`) to control visibility. Horizontal stripes appear inside the circle, while vertical stripes fill the outer area, demonstrating how SVG masks can selectively reveal layered shapes.

MMarcus Vinicius da Silveira Richa

90% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired geometric drawing using raw SVG elements created via the JavaScript DOM API. It shows a grid of blue horizontal bands and red vertical bands, with a white circular mask that reveals both sets of stripes within its radius against a black background. The code constructs an SVG mask and applies it to rectangles tiled across the viewport, using mask elements and fixed pixel offsets to generate the layered pattern. No external libraries are used; the rendering relies entirely on native browser SVG and DOM manipulation.

Ccrees00

90% match