Sol LeWitt Reproduction-Learning-pt1

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using dynamically generated SVG elements. It shows a grid of horizontal and vertical stripes, masked to reveal a central circular area where only horizontal lines appear, surrounded by vertical lines. The code uses raw Document Object Model (DOM) methods such as `document.createElementNS` and `setAttribute` to construct the SVG, with two mask definitions (`circle-mask` and `circle-mask-2`) controlling visibility. No external libraries are used; the rendering relies purely on SVG rectangles and masks in the browser.

PPareel Amre

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using SVG and JavaScript. A circular mask isolates a group of horizontal stripes, while un-masked vertical lines extend across the full canvas. The code generates 100 horizontal rectangles with a set height and 100 vertical rectangles, positioning them in a grid pattern via the `createElementNS` API. The mask, defined with a `circle` element, limits the horizontal stripes to a central circular region, creating a subtle intersection effect between the two sets of lines.

AArnulfotos

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using two overlapping masks to create a circular interplay of horizontal and vertical stripes. The SVG canvas displays 100 horizontal bands and 100 vertical bands, each masked to reveal a clear circle in the center. The code constructs SVG elements programmatically, using `createElementNS` for the `rect` and `mask` nodes, and applies the masks via `url(#circle-mask)` and `url(#circle-mask-2)`. The piece demonstrates geometric abstraction through simple, repeating shapes and clipping.

CCurran Kelleher

Sol LeWitt Reproduction

This example reproduces a Sol LeWITT wall drawing using two circular SVG masks to create a grid of alternating horizontal and vertical black lines. The first mask reveals only the horizontal stripes within a centered circle, while the second mask applies the opposite effect, showing vertical stripes outside that same circular region. The code builds the scene entirely with native SVG elements—masks, rectangles, and loops—rendering crisp geometric patterns that mimic LeWitt’s instructional art, with no external libraries or data sources.

NNafi

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt art piece using two sets of horizontal and vertical SVG rectangles layered with circular masks. The first mask confines a series of 100 horizontal strips to a central circle, while a second inverted mask exposes vertical strips only outside that same circle. The code builds the SVG dynamically with `document.createElementNS`, setting each rectangle’s dimensions and applying the masks via URL references. The result is a geometric composition of alternating line directions, with no external data source—pure algorithmic drawing in the browser.

Llili463e

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt drawing by generating two sets of intersecting parallel line segments—horizontal and vertical stripes—that are masked to reveal a central circular form. The SVG uses custom mask elements to clip the stripes, with one mask isolating the circle for the horizontal lines and an inverted mask for the vertical lines. The code constructs the scene entirely through native SVG APIs, creating rectangles programmatically in a loop, without relying on external visualization libraries.

TToly

Sol LeWitt

This example reproduces Sol LeWitt’s geometric art using an SVG rendering approach. It displays a grid of horizontal and vertical stripes, but only within a circular region at the center of the screen. The code creates SVG masks, specifically `circle-mask` and `circle-mask2`, to clip two sets of 100 rectangle elements. The first set uses a white-on-black mask for horizontal stripes, while the second uses a black-on-white mask for vertical stripes, producing a clean, intersecting pattern. The canvas automatically scales to the full window dimensions.

Aamrselaraby

Sol LeWitt Reproduction Vertical

This visualization reproduces a Sol LeWitt-inspired geometric drawing using an SVG scene under a circular mask. It shows a grid of fine black lines—horizontal strokes overlapped by vertical strokes—that remain visible only inside a centered circle, while the surrounding area stays blank. The code uses raw SVG element creation via `document.createElementNS` and `mask` elements to achieve the cutout effect. The rendering consists of 100 horizontal rectangles and 100 vertical rectangles, with the circle mask controlling visibility.

KKhanin Sisaengsuwanchai