Fork of Sol Lewitt Reproduction vertical

100%

Fork of Sol Lewitt Reproduction vertical

✓ Published1🌍 Public

Last edited May 5, 2023

Created on May 5, 2023

Forked from Sol Lewitt Reproduction vertical

This example reproduces a Sol LeWitt-inspired drawing using raw SVG and JavaScript without any external libraries. It renders two sets of overlapping rectangles: 100 horizontal stripes and 100 vertical stripes, both evenly spaced across the full window size. A circular mask, defined via the SVG `mask` element, restricts visibility of the horizontal stripes to a centered circle, creating a layered geometric effect. The code dynamically creates SVG elements using `document.createElementNS` and appends them to the page, with all dimensions derived from `window.innerWidth` and `window.innerHeight`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Fork of LeWitt Reproduction vertical

This example reproduces a Sol LeWitt-inspired drawing using raw SVG and JavaScript, generating a grid of horizontal and vertical bands across the full viewport. It employs two SVG `mask` elements with circles at the center to selectively reveal the overlapping stripes, creating a circular intersection pattern. The code constructs all elements dynamically via the DOM API, setting the window dimensions as the canvas size and drawing 100 rectangles in each direction. This fork adapts the original concept to a vertical orientation, using nested rects and masks to achieve the geometric effect.

SShahin Alam

93% match

Loading thumbnail…

Fork of Sol Lewitt Reproduction

This example reproduces Sol LeWitt’s geometric wall drawing using SVG masks and repeated rectangles to create intersecting striped patterns. A circular mask reveals portions of horizontal and vertical bars, while the second mask inverts the visibility to produce a checkerboard-like overlap. The page uses raw JavaScript with `document.createElementNS` to build the SVG dynamically, sizing elements to the full browser window. No external libraries are required, and the work is a direct homage to the artist’s instructional art.

Ssavalifestus75@gmail.com

93% match

Loading thumbnail…

Fork of Fork of Fork of Sol Lewitt Reproduction Vertical 4

This example creates a generative geometric composition inspired by Sol LeWitt, displayed as horizontal and vertical stripes across the screen. Two SVG masks—one with a white circle on black, another with a black circle on white—reveal alternating sets of striped rectangles, producing a crosshatch pattern where the stripes overlap. The visualization uses vanilla JavaScript with the DOM API to construct SVG elements dynamically, setting the width and height based on the browser window. It shows how masking and nested loops can generate a structured, Op-Art-like visual effect without external libraries.

Eelgato_1994

93% match

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

92% match

Loading thumbnail…

Fork of Fork of Sol Lewitt Reproduction Vertical 3

This visualization generates a grid of horizontal and vertical rectangles on an SVG canvas. A circular mask, created with SVG mask elements, reveals a portion of the horizontal stripes while the vertical bars remain fully visible. The piece uses the Document Object Model (DOM) API to create and append SVG elements, with dimensions based on the browser window size. The composition is a generative reproduction inspired by Sol LeWitt’s wall drawings.

Eelgato_1994

91% match

Loading thumbnail…

Fork of Sol Lewitt Reproduction Vertical 2

This visualization reproduces a Sol LeWitt-inspired drawing using vertical black bars, with a circular mask that creates a clear central window against a white background. The code generates 100 evenly spaced rectangles, each 10 pixels tall, and applies a mask containing a 200-pixel-radius circle. The piece uses raw SVG elements created via the Document Object Model API, setting the mask’s rect to white and circle to black to control visibility. It dynamically sizes to the browser window, adapting the composition to the full viewport.

Eelgato_1994

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example recreates a Sol LeWitt-inspired drawing using overlapping horizontal and vertical bands masked by circular cutouts. It shows how geometric compositions can emerge from simple repetitive elements. The code uses vanilla JavaScript and SVG, creating masks via `createElementNS` and appending 100 rectangles in each direction to the DOM. A D3 selection imports `select` from the d3 library, though the SVG construction is entirely manual, rendering at full window dimensions.

EErik L

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

90% match