Skip to main content
SimilarExport ZIP
100%

Fork of Sol lewitt reproduction Vertical JVK

✓ Published2🌍 Public
Kkakkanadjoy@yahoo.com
Last edited Dec 17, 2024
Created on Dec 17, 2024

This example reproduces a Sol LeWitt drawing by layering two sets of striped rectangles inside an SVG canvas. One set of horizontal stripes is masked by a central white circle, while the other set of vertical stripes uses an inverted mask, creating intersecting grid patterns. The code uses the SVG API to create elements and masks, manipulating `createElementNS` and attributes. It renders the entire browser viewport, defining masks and loops to generate the grid geometry.

AI-generated description

A Sol Lewitt ReproductionSol Lewitt art piece

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt–style geometric drawing using raw SVG and JavaScript. It displays a grid of alternating horizontal and vertical stripes that are revealed through two circular mask regions at the center of the canvas. The code creates an SVG element, defines two mask layers—one with a white circle on black and another with a black circle on white—and appends 100 horizontal and 100 vertical rectangles. Each rectangle is clipped by one of the masks, producing the contrasting stripe pattern without any external libraries.

Nnim@brejnholt.dk
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction Verticle

This example reproduces a Sol LeWitt-inspired drawing using only SVG shapes. It shows a grid of thin horizontal and vertical rectangles overlaid on the full viewport, with a circular mask creating a central aperture. The code uses the raw DOM API via `document.createElementNS` to build the SVG, `mask` elements to define clipping regions, and `rect` elements for the grid lines. Two complementary masks isolate the horizontal and vertical strokes, producing a clean intersection effect. No external libraries are used; the rendering relies entirely on native SVG attributes and JavaScript.

PPrince Kumar
90% match
Loading thumbnail…

Sol lewitt reproduction Vertical and horizontal JVK

This example reproduces a Sol LeWitt-style geometric drawing, showing a grid of vertical and horizontal black lines that are partially revealed through two circular masks. The code constructs an SVG element using the raw DOM API (`createElementNS`) to generate the lines and masks. A first mask hides lines outside a central circle, while a second mask uses an inverted circle to show only vertical lines within that same area. The piece is created entirely with JavaScript, with no external libraries.

Kkakkanadjoy@yahoo.com
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt drawing by layering two sets of striped rectangles over a central circular mask. A grid of horizontal and vertical bars is clipped to reveal a circle in the center, while the surrounding area shows only one orientation of stripes. Using plain JavaScript and the SVG API, it dynamically creates `rect` elements and applies two `mask` definitions with intersecting `circle` and `rect` shapes to alternate the visible stripes. The code runs entirely in the browser with no external libraries.

EErika Tomakic
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using two sets of horizontal and vertical stripes that interact with a circular mask. The circle at the center masks the horizontal stripes, while an inverted mask allows vertical stripes to appear only inside a second circular region. The code builds an SVG dynamically with JavaScript, creating 100 striped rectangles in each orientation and applying SVG masks to achieve the visual effect. It demonstrates a stark, geometric composition based on the artist’s generative instructions.

Xxyzcorrupt@gmail.com
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using raw JavaScript and the SVG API. It generates a grid of horizontal and vertical stripes, masked by two inverse circular masks to create a composition of intersecting lines. The code directly creates SVG elements via `document.createElementNS`, setting attributes for rectangles and masks to control the visible pattern. The rendering is dynamic, adapting to the browser window's full width and height.

DDilara Bozkurt
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style drawing using raw SVG elements and mask manipulation. The visualization renders a series of overlapping horizontal and vertical stripes by creating rectangles and applying circular SVG masks to confine their visibility, producing a geometric composition. The code uses DOM manipulation via `createElementNS` and `setAttribute` to construct the SVG, with two distinct masks (`circle-mask` and `circle-mask-2`) controlling different stripe patterns. The result is a monochromatic, grid-based artwork where varying rectangle heights and widths generate a rhythmic, minimalist pattern across the full viewport.

NNeel Mehta
89% match
Loading thumbnail…

Sol lewitt reproduction Vertical JVK

A web-based reproduction of a Sol LeWitt wall drawing uses overlapping horizontal and vertical bands to create a grid. A circular SVG mask reveals only the horizontal stripes within a central circle, while the vertical stripes extend across the full canvas. The code generates 100 striped rectangles for each orientation using standard W3C SVG methods. The piece is rendered entirely through JavaScript and the DOM API, without external libraries.

Kkakkanadjoy@yahoo.com
89% match