Fork of Sol LeWitt Exercise 9 x 4

100%

Fork of Sol LeWitt Exercise 9 x 4

✓ Published0🌍 Public

Last edited Dec 3, 2022

Created on Dec 3, 2022

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.

AI-generated description

Sol LeWitt Attemp with random Values

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Exercise

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.

PPriya Patel

87% match

Loading thumbnail…

Sol LeWitt Exercise 9 x 4

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.

Wwgloss

86% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing as an interactive web visualization. It shows a grid of narrow horizontal and vertical lines that intersect, with a circular area in the center where the lines disappear. The piece is built using raw SVG manipulation in JavaScript, creating two masks—one with a black rectangle and white circle, another with a white rectangle and black circle—to selectively hide line segments. Horizontal and vertical rectangles are then generated in a loop and assigned to these masks, producing the final composition. The code uses the SVG namespace API and basic DOM methods.

DDzenad

84% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using raw SVG and JavaScript, creating a geometric composition of overlapping horizontal and vertical bands. The artwork shows a grid of alternating colored stripes confined to a circular mask, with a second inverted mask revealing a contrasting ring pattern. The code builds SVG elements dynamically, using two SVG masks—one with a white circle on black and another with a black circle on white—to control which stripes appear in the center and edges. It relies on standard DOM APIs like `createElementNS` and `setAttribute` to generate 100 rectangles in each orientation, without any external libraries.

WWRCIECH

84% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired geometric composition entirely through SVG elements. It shows a grid of horizontal and vertical bands that intersect within a centered circular boundary, creating a patterned interplay of lines and negative space. The code constructs the visualization using raw JavaScript and the SVG DOM API, creating two masks—one with a black background and white circle, the other with the inverse—to alternately reveal horizontal stripes inside the circle and vertical stripes outside it. One hundred rectangles are generated for each orientation, each masked to produce the final layered effect.

AAWLGAWLG

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

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

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

83% match