Sol Lewitt Variante

100%

Sol Lewitt Variante

✓ Published2🌍 Public

Last edited Sep 11, 2025

Created on Sep 11, 2025

This example recreates a Sol LeWitt-inspired wall drawing as an interactive SVG visualization. The artwork shows a grid of thin horizontal and vertical lines that are visible only within two overlapping circular masks, creating a crosshatched pattern inside the circles against a blank background. The code uses plain JavaScript with the SVG DOM API, creating mask elements and hundreds of rect primitives programmatically. A black-filled mask with a white circle reveals the horizontal lines, while an inverted mask with a black circle reveals the vertical lines, demonstrating a simple yet effective clipping technique.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol Lewitt

This example visualizes a grid of horizontal and vertical lines composed with a circular mask, creating an interwoven geometric pattern reminiscent of Sol LeWitt’s minimalist drawings. The code uses native SVG elements—`rect`, `mask`, and `circle`—to control which regions of the line grid remain visible, with two complementary masks revealing intersecting bands around the center. All shapes are generated programmatically via a loop, with the window dimensions set dynamically. This work demonstrates how simple SVG masking techniques can produce complex, aesthetically striking compositions.

Aashutoshc018@gmail.com

92% match

Loading thumbnail…

Sol Lewitt Piece Vertical

This example reproduces a Sol LeWitt-style drawing using only SVG and JavaScript. It shows a grid of thin horizontal and vertical lines, where a circular region in the center is masked, leaving the vertical lines visible only outside the mask while the horizontal lines remain unobscured. The code builds the SVG programmatically via the Document Object Model API, using `createElementNS` to construct the `svg`, `mask`, `rect`, and `circle` elements, and applies the mask to the horizontal bands to create the circular cutout effect.

Yyejichun@naver.com

90% match

Loading thumbnail…

Sol Lewitt Variant self created

This interactive SVG reproduction of a Sol LeWitt wall drawing generates intersecting horizontal and vertical striped bands across the entire browser window. Using the Document API to create and append SVG elements, the code defines two masks—one with white circles on black, another with black circles on white—to selectively reveal the grid strokes. The rendering approach applies these masks to alternating 10-pixel-wide rectangles, producing overlapping circular patterns where the two color schemes intersect. The composition adapts dynamically to the viewport dimensions, with circles positioned at quarter and two-thirds width.

Iibaird6@gatech.edu

90% match

Loading thumbnail…

Sol LeWitt Exercise with JS

An SVG built with vanilla JavaScript recreates a Sol LeWitt-inspired wall drawing by layering two sets of 100 striped rectangles. Horizontal and vertical black bars cross the full viewport, but a pair of circular masks restricts visibility: one mask shows only the horizontal stripes inside a 200-pixel circle, while the second reveals vertical stripes outside that same radius. The result is a clean, conceptual grid where the two orientations visually swap at the circle's boundary, using the SVG `mask` element and dynamic element creation via `document.createElementNS`.

Ppkdvalis

90% match

Loading thumbnail…

Sol Lewitt Reproduction javascript in html

This example reproduces a Sol LeWitt wall drawing using JavaScript and dynamically generated SVG. It shows a grid of horizontal and vertical stripes, with a circular area in the center where the pattern is inverted due to two overlapping SVG masks. The code creates the SVG namespace via `document.createElementNS` and builds the composition procedurally. The first mask hides the vertical lines within a 200-pixel radius circle, while the second mask hides the horizontal lines in that same region. The rendering relies entirely on core SVG and JavaScript APIs, with no external libraries.

GGullyPlook

89% match

Loading thumbnail…

Sol lewitt reproduction

This example reproduces a Sol LeWitt wall drawing using layered SVG masks and repeated geometric stripes. The viewport is split into quadrants where horizontal black bars fill a large circular mask, vertical bars occupy two white quadrants around a smaller inner circle, and diagonal lines (incomplete in the code) would structure the remaining spaces. Rendered entirely with vanilla JavaScript and the SVG DOM API, it creates the illusion of intersecting line patterns within nested circular and rectangular boundaries. The approach relies on programmatic construction of SVG elements, with masks defining visible regions for each stripe direction, mimicking LeWitt’s algorithmic instructions.

Ssheldonv2.0@gmail.com

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This interactive reproduction of Sol LeWitt’s geometric wall drawing uses the SVG JavaScript API to generate a grid of 48 vertical and horizontal lines. The piece shows a black square lattice, where each line passes through a circular mask, revealing alternating line directions inside and outside the ring. The code directly creates SVG elements, applying two different masks (`circle-mask` and `circle-mask2`) to alternate which lines are visible in the central disc. It runs in the browser, filling the viewport, and is planned for animation.

Ttverdone

89% match

Loading thumbnail…

Sol LeWitt Reproduction Final

This example reproduces a Sol LeWitt wall drawing using pure JavaScript and SVG APIs. It shows a grid of horizontal and vertical striped rectangles overlaid with two circular masks, creating a composition of intersecting lines that fade into a central circle. The code builds SVG elements dynamically via `document.createElementNS`, applying a black-to-white mask and an inverted white-to-black mask to reveal alternating line directions. One hundred horizontal strips and one hundred vertical strips are generated in loops, with the masks controlling visibility to form the final geometric pattern.

AAndre J Denais

89% match