Fork of Sol LeWitt Exercise

100%

Fork of Sol LeWitt Exercise

✓ Published0🌍 Public

Last edited Aug 25, 2022

Created on Aug 25, 2022

This example generates a randomized geometric composition inspired by Sol LeWitt, using four triangular SVG masks to carve diagonal planes across the canvas. It renders one hundred horizontal and vertical rectangles per side, each with random heights, widths, and gaps, creating a dense grid of intersecting bars. The code relies on the D3 selection API only for module imports, while building all SVG elements manually via `document.createElementNS`. A single random offset determines the diagonal cut for all four masks, producing a cohesive, abstract pattern that changes with each reload.

AI-generated description

Sol LeWitt Attemp with random Values

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Exercise 9 x 4

This visualization generates an abstract composition of black and white geometric shapes based on Sol LeWitt’s Exercise 9, using randomized values for varied line widths and circle radii. It renders vertical and horizontal rectangles, along with concentric circles, all masked against a white overlay. The piece is built with raw JavaScript and SVG DOM manipulation, creating elements like `<rect>`, `<circle>`, and `<polygon>` directly in the browser. Randomness is introduced via a custom `getRandomInt` function to vary dimensions and offsets, producing an ever-changing algorithmic artwork.

Zzaioris

87% match

Loading thumbnail…

Sol LeWitt Exercise

A generative drawing creates a randomized geometric composition inspired by Sol LeWitt's wall drawings. The piece shows layered bands of rectangles meeting at the canvas edges, with a central diamond-like void formed by four triangular masks. Using plain JavaScript and the SVG DOM API, the code constructs masks and randomly sizes and positions horizontal and vertical rectangles to create a structured, grid-like pattern. Each render produces a unique variation based on the random offset and per-rectangle dimensions.

Wwgloss

87% 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…

Sol LeWitt Reproduction Exercise

This generative art piece recreates a Sol LeWitt-inspired composition using raw SVG elements created via the DOM API. It shows a field of randomly placed horizontal and vertical rectangles, where two circular masks reveal distinct visual layers: one masking a set of horizontal bars, and another revealing a grid of random rectangles. The code uses `document.createElementNS` to build SVG masks, circles, and rectangles, with random dimensions and positions for the geometric forms.

FFelipe Maion

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

85% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example creates a grid of thin horizontal and vertical rectangles using SVG, with two circular masks that reveal and hide portions of the lines. The pattern is generated through two loops that position 100 rectangles each, alternating their orientation. SVG mask elements define the visible area: one mask exposes a central circle of horizontal lines, while the other inverts the circle to show vertical lines outside the center. The rendering uses native JavaScript DOM manipulation via `createElementNS` to build the SVG structure dynamically, with no external libraries.

Zzaioris

85% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric composition using overlapping horizontal and vertical bands. It generates 100 rectangles in each direction, with alternating masks that reveal or hide symbol-shaped cutouts across the canvas. The visualization uses D3 v6 to create SVG elements and mask patterns, employing `d3.range` for data generation and `d3.symbol` for the path shapes. Each mask applies a contrasting fill to selectively display the symbols, creating a layered optical effect. The rendering is fully SVG-based and responds to the window size.

TTowlGol

85% match

Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction with D3

This example recreates a Sol LeWitt-inspired geometric composition using D3's selection and data-join methods. It renders 100 horizontal and 100 vertical rectangles across the full viewport, with each set masked by a circular cutout at the center—one mask inverts the other, creating a striking interlocking grid pattern. The visualization uses D3 v6's `select`, `range`, and `append` APIs to construct the SVG elements and masks, with the circle radius fixed at 200 pixels. The code demonstrates how layered SVG masks can produce complex visual effects from simple rectangular primitives.

MMohammed

85% match