Sol Lewitt Piece Vertical

100%

Sol Lewitt Piece Vertical

✓ Published1🌍 Public

Last edited Jun 28, 2024

Created on Jun 28, 2024

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.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol Lewitt Reproduction vertical

This example reproduces a Sol LeWitt-style geometric art piece using raw SVG and JavaScript. It shows a full-screen vertical grid of thin horizontal and vertical lines, with a central circular region highlighted by a mask. The rendering relies on the SVG `mask` element and dynamically created `rect` elements, using standard DOM APIs like `document.createElementNS`. The horizontal lines are clipped to a circle via the mask, while vertical lines span the full height, creating a layered, minimal composition.

JJinpeng Li

92% match

Loading thumbnail…

Sol LeWitt Reproduction Verticle

This example reproduces a Sol LeWitt-inspired drawing using only SVG elements. It shows a grid of horizontal and vertical lines confined to a circular mask, creating a clean, geometric composition. The visualization is generated procedurally with JavaScript, using the Document Object Model (DOM) APIs to create SVG nodes. A white circle on a black mask defines the visible area, while 100 horizontal rectangles and 100 vertical rectangles are drawn across the full canvas, with the horizontal set clipped by the mask. The code relies on native browser APIs such as `document.createElementNS` and `setAttribute`, with no external libraries.

PPrince Kumar

91% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric piece using only SVG and JavaScript, creating an intricate grid of horizontal and vertical lines. It shows a large circular mask revealing a woven pattern of alternating line directions, with the circle centered on a full-screen canvas. The code builds the visualization by constructing SVG elements via the DOM API (`document.createElementNS`), defining two masks (`circle-mask` and `circle-mask-2`) to clip horizontal and vertical line groups. It generates 100 horizontal rectangles and 100 vertical rectangles, each 10 pixels thick, with the masks controlling visibility to create the overlapping effect. No external libraries are used; the rendering relies purely on raw SVG and JavaScript.

IIndranil Biswas

90% match

Loading thumbnail…

Sol Lewitt Variante

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.

Iibaird6@gatech.edu

90% match

Loading thumbnail…

Sol lewitt reproduction Vertical and horizontal JVK

This example reproduces a Sol LeWitt-style geometric drawing, showing a grid of vertical and horizontal black lines that are partially revealed through two circular masks. The code constructs an SVG element using the raw DOM API (`createElementNS`) to generate the lines and masks. A first mask hides lines outside a central circle, while a second mask uses an inverted circle to show only vertical lines within that same area. The piece is created entirely with JavaScript, with no external libraries.

Kkakkanadjoy@yahoo.com

90% match

Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt-style drawing using SVG, layering horizontal and vertical bands that are clipped by circular masks. The piece shows a 200-pixel radius circle centered on the canvas, where alternating stripes of a solid hue and the page background are exposed through two distinct mask configurations. The first mask reveals the horizontal bands within the circle, while the second reveals the vertical bands outside it, creating an optical interplay. The code uses JavaScript’s `document.createElementNS` to generate SVG elements, setting attributes like `width`, `height`, and `mask` directly on each shape.

MMonWas

90% match

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

90% match

Loading thumbnail…

Sol Lewitt Reproduction

This example reproduces a Sol LeWitt-style drawing using SVG and JavaScript. It displays a grid of vertical and horizontal stripes that are visible only within a central circle, creating an intersection pattern. The code uses the Document Object Model (DOM) to create SVG elements, including masks, rectangles, and circles. Two circular masks with contrasting fills control where each set of stripes is revealed, demonstrating a generative art technique with a clean, geometric output.

VVincent Leduc

90% match