Martin's Fork of Sol LeWitt Reproduction

100%

Martin's Fork of Sol LeWitt Reproduction

✓ Published1🌍 Public

Last edited Jun 18, 2022

Created on Jun 16, 2022

This example reproduces a Sol LeWitt wall drawing using only the SVG API and JavaScript. The artwork shows a grid of horizontal and vertical bars whose visibility is masked by two overlapping triangles, one white and one black, creating a dynamic interplay of line and shape. The code creates an SVG canvas sized to the browser window, then uses `document.createElementNS` to construct 150 horizontal and 150 vertical rectangles. Two SVG masks (`polygon-mask` and `polygon-mask-2`) selectively reveal or hide these bars, with the first mask containing a white triangle on black, and the second a black triangle on white.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Martin's Fork of Sol LeWitt Reproduction

This piece reproduces Sol LeWitt’s geometric art using only SVG primitives. A white triangular mask reveals horizontal black stripes, while an inverted mask reveals vertical white stripes, forming an overlapping lattice. The code uses the `document.createElementNS` API to build the SVG, and CSS masks (`url(#polygon-mask)`) to clip 150 horizontal and vertical rectangles. The composition adapts to the browser window dimensions.

Zzaioris

87% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using only JavaScript and the SVG API. A central circular mask reveals a grid of horizontal black lines in the center of the viewport, while a second inverted mask allows vertical black lines to appear only outside the same circle, creating a striking contrast. The code dynamically creates all SVG elements—including masks, rectangles, and circles—based on the browser window dimensions, generating 100 horizontal and 100 vertical stripes that intersect in a pattern defined by the two masks.

Mmagswo

85% match

Loading thumbnail…

Fork of Fork of Martin's Fork of Sol LeWitt Reproduction

This piece generates a geometric abstraction inspired by Sol LeWitt, displaying a full-window SVG canvas filled with horizontal and vertical stripes. The stripes are masked by two overlapping SVG polygon masks—one triangle exposes horizontal bands, while a second, inverted triangle reveals vertical bands against a white backdrop. The work nests multiple masks and rectangles, creating a dynamic interplay of intersecting line grids. Built with JavaScript’s `document.createElementNS` for SVG elements, it computes layout dynamically from `window.innerWidth` and `window.innerHeight`, drawing 150 horizontal and 150 vertical rectangles to form the final composition.

Zzaioris

85% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using raw SVG and JavaScript, with no external libraries. It shows a grid of horizontal and vertical bars that intersect within two circular masks, creating a geometric composition of alternating stripes and gaps. The code generates 100 horizontal rectangles across the full width and 100 vertical rectangles down the full height, each masked to reveal only the areas inside the circles. The masks are constructed with SVG `mask` elements, combining black and white rects and circles to control visibility, and the result is a clean, minimal visualization of layered line patterns.

BBharath Vijay

85% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing by generating a grid-like pattern of horizontal and vertical bars on an HTML5 SVG canvas. It uses SVG masks to create a central circular window: one mask hides everything except a 200-pixel-radius circle, while a second mask inverts that region. The code dynamically creates 100 horizontal and 100 vertical rectangles, each layered with alternating masks to produce the distinctive visual effect. The piece adapts to the browser’s full window dimensions, demonstrating algorithmic art generation through direct DOM manipulation and SVG APIs without external libraries.

LLiam Connors

85% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction Vertical

This example recreates a Sol LeWitt–inspired geometric composition using only SVG primitives and masking, showing a grid of thin vertical and horizontal bars that intersect to form a central circular void. The work emphasizes the contrast between ordered line work and negative space, creating a pseudo-visualization that mimics algorithmic drawing without encoding external data. The code relies on the raw DOM APIs `document.createElementNS` and `setAttribute` to construct the SVG elements, while two `<mask>` definitions with inverted fills (white background with black circle, black background with white circle) selectively reveal the vertical strokes inside the circle and the horizontal strokes outside it. No external libraries are used; the font is loaded via Google Fonts’ “Share Tech” for the text styling.

Ccome.grant@gmail.com

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

84% match

Loading thumbnail…

Sol LeWitt Reproduction AG

This example reproduces a Sol LeWitt wall drawing using SVG masks and layered rectangles. The code creates two circular masks, one with a black background and white circle, the other inverted, then applies them to 100 horizontal and 100 vertical bars. The result is a grid of intersecting lines visible only within the circular regions, mimicking the geometric precision of LeWitt’s conceptual art. It uses raw SVG DOM manipulation via `document.createElementNS` and mask attributes, with no external libraries.

Gguththered

84% match