Sol LeWitt Exercise

100%

Sol LeWitt Exercise

✓ Published2🌍 Public

Last edited Mar 24, 2021

Created on Mar 23, 2021

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.

AI-generated description

Sol LeWitt Attemp with random Values

MIT Licensed

Similar vizzes

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

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

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

87% match

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

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

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

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 exercise

This example generates a generative art piece inspired by Sol LeWitt, dividing the viewport into vertical panels whose masks alternate between inverted states. Using D3.js, it creates horizontal and vertical striped rectangles within each panel, with the mask assignments flipping based on whether the panel index is even or odd. The code uses `d3.select`, `d3.range`, and `d3.symbols` to structure the SVG output, rendering lines with `rect` elements and applying SVG masks to vary the pattern visibility across each section.

BBart van Pelt

86% match