Sol LeWitt Exercise 9 x 4

100%

Sol LeWitt Exercise 9 x 4

✓ Published2🌍 Public

Last edited Mar 25, 2021

Created on Mar 24, 2021

This example recreates Sol LeWitt's Exercise 9 x 4 using randomly generated SVG rectangles, circles, and polygons. The code shows vertical and horizontal black-and-white striped bands with varied widths, layered over circular arc patterns that shrink in radius from the canvas edges toward the center. It uses the raw DOM API `createElementNS` to construct SVG elements, including masks that define which parts of the layered shapes remain visible. All geometric values, such as stripe widths and circle offsets, are derived from the `getRandomInt` and `offset` functions, producing a near-regular grid with subtle irregularities.

AI-generated description

Sol LeWitt Attemp with random Values

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Exercise 9

This example recreates Sol LeWitt’s Wall Drawing Exercise 9, generating a grid of irregular polygons whose corners are randomly offset. The page fills the browser window with an SVG, drawing alternating black and white horizontal and vertical bands that are clipped to each polygonal region using SVG `<mask>` elements. The polygons split the viewport into a 3×3 grid, with each cell’s vertices jittered by random values. The code uses plain SVG APIs like `createElementNS`, `setAttribute`, and `appendChild`, with random offsets via `Math.random`.

Wwgloss

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

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

87% match

Loading thumbnail…

Sol LeWitt

This example reproduces a Sol LeWitt drawing using SVG. It renders a grid of horizontal and vertical stripes, with a circular mask creating the illusion of layered bands across the canvas. The stripes are generated programmatically in JavaScript, using `document.createElementNS` to build SVG `rect` elements. Two complementary masks (`circle-mask` and `circle-mask-2`) alternate which stripe orientation is visible, producing a clean geometric composition that adapts to the full browser window size.

Aainhoadieruiz@gmail.com

86% match

Loading thumbnail…

Sol LeWitt Exercise Take 2

A web-based recreation of Sol LeWitt’s geometric wall drawings, this piece generates four triangular regions radiating from the canvas center toward the top, right, bottom, and left edges, each clipped by a distinct SVG mask. Within each masked region, either horizontal or vertical black rectangles are drawn with randomized widths and spacings, using the built-in `Math.random()` function and `getRandomInt` helper for variation. The SVG API creates the shapes, masks, and rectangles, while line thickness and gap sizes differ per region—ranging from 10 to 15 pixels with a variance of 6—producing an abstract, generative composition that fills the full browser viewport.

Wwgloss

86% match

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

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

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

85% match