Fork of Sol LeWitt Reproduction

Fork of Sol LeWitt Reproduction

This fork of a Sol LeWitt reproduction renders a minimalist geometric composition using raw SVG and the DOM API. It shows a circular mask centered on the viewport, with a white outer ring and black inner circle, through which 100 horizontal striped rectangles are displayed. Each rectangle is created with `document.createElementNS`, assigned a fixed height and y-position, and clipped using an SVG `mask` element. The piece relies entirely on JavaScript and SVG primitives rather than any external libraries or datasets.

Zzaioris

Fork of Sol LeWitt Reproduction

A fork of a Sol LeWitt reproduction generates an abstract geometric composition from two overlapping SVG mask patterns. It shows alternating horizontal and vertical striped bands intersecting in a grid, with a circular cutout revealing the layered structure. The code builds an SVG scene using raw DOM APIs (`document.createElementNS`) and applies two circular masks (`circle-mask` and `circle-mask-2`) to control which stripes appear inside the central circle. A series of 100 rectangles for each orientation form the visual output, with no external data or libraries beyond the browser's native SVG support.

WWeeeLi

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece, displaying a grid of horizontal and vertical stripes that intersect within two circular masks on a full-screen SVG canvas. The work uses overlapping masked rectangles to create the geometric pattern, with the horizontal lines visible inside one circle and vertical lines inside another, reversing the color relationship through complementary masks. The code builds the SVG entirely through the raw Document Object Model API, creating elements such as `rect`, `circle`, and `mask` with `createElementNS` and `setAttribute`. It generates 100 stripes in each direction, spacing them evenly to form the minimalist composition.

LLívia Rocha

Fork of Sol LeWitt Reproduction Mask

A fork of Sol LeWitt’s geometric art, this visualization renders a series of horizontal black stripes across the full browser window, with a circular region in the center masked out to reveal the white background. The composition uses an SVG `mask` element to create the circle, while JavaScript dynamically generates 100 rectangles, each 10 pixels tall, and applies the mask to them. The code relies on native SVG APIs, including `createElementNS` and `setAttribute`, without any external libraries.

CCurran Kelleher

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by drawing vertical and horizontal striped rectangles that are clipped by two circular masks, creating a circular intersection of alternating line directions. The vertical stripes are masked in one circle while horizontal stripes use an inverted mask, resulting in a striking contrast between the two orientations. Built with plain SVG and JavaScript, the code creates mask elements and rects dynamically, with redundant masked stripes generated but not appended, leaving the final composition to render only the active circle-based overlay.

Aanakin13

Fork of Sol Lewitt Reproduction vertical

A vertical grid of thin black and white rectangles creates a striped pattern, with a circular mask revealing a central white circle against black. A second mask inverts the effect, producing a contrasting ring of horizontal and vertical lines. The piece is generated entirely with native SVG and JavaScript, using dynamically created `rect` elements and two circle-based masks to layer the visual composition. It is a reproduction of a Sol LeWitt art piece.

JJinpeng Li

Fork of Sol LeWitt Reproduction

This fork of a Sol LeWitt reproduction creates an abstract composition of horizontal and vertical bands intersecting within two circular masks. The SVG rendering uses JavaScript to generate 100 horizontal rectangles and 100 vertical rectangles, with each set clipped by a separate mask. The first mask reveals the horizontal bands through a white circle on a black background, while the second mask inverts the effect, showing vertical bands through the opposite circular region. The code builds the SVG structure dynamically via `document.createElementNS`, producing a geometric interplay between the two masked line grids.

Sshery1001

Fork of Sol LeWitt Reproduction

A fork of Sol LeWitt’s art reproduction renders a black-and-white geometric composition using SVG. The code creates a full-screen SVG canvas and defines two circular masks, one with a black background and white circle, the other inverted, to frame the drawing. It then generates 100 horizontal rectangles, each 10 pixels tall, stacked vertically at 20-pixel intervals, applying the first mask to each rectangle. The result is a series of striped horizontal bands that appear only inside the circular viewing area, leaving the surrounding canvas blank.

Aavimonnuarnob