Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Attempt #5 Vanilla JS (Pattern #2)

✓ Published0🌍 Public
CCasualWanderer20XX
Last edited Sep 9, 2025
Created on Sep 9, 2025

This example recreates a Sol LeWitt wall drawing using two layered masks to generate a grid of repeated geometric patterns. The SVG renders alternating vertical and horizontal stripes, where each stripe is clipped by a hexagon-based mask created with nested polygons. The code uses raw Document Object Model (DOM) methods like `document.createElementNS` to build the SVG structure, with no external libraries. The pattern emerges from the intersection of the two masks, producing a dynamic optical effect across the 1000 by 700 pixel canvas.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Attempt #5 Vanilla JS (Pattern #1)

This example generates an SVG composition inspired by Sol LeWitt's geometric wall drawings, using two masks to create an intersecting grid of vertical and horizontal stripes. The code builds a hexagonal pattern with `document.createElementNS` for SVG elements, applying `mask-1` and `mask-2` to 50 vertical and 50 horizontal rectangles. The masks are constructed from repeated polygon coordinates, producing a checkerboard-like overlay of alternating shapes. No external libraries are used; the rendering relies entirely on vanilla JavaScript and SVG masks to achieve the Op Art effect.

CCasualWanderer20XX
96% match
Loading thumbnail…

Sol LeWitt Attempt #5 Vanilla JS

This example generates an abstract geometric composition inspired by Sol LeWitt, built with vanilla JavaScript and the SVG API. It uses two SVG masks to create a pattern of interlocking diamond shapes from a grid of polygons. Fifty vertical and fifty horizontal rectangles are drawn, each masked to reveal or hide portions of the grid, producing a layered, woven effect. The code demonstrates manual SVG element creation via `document.createElementNS`, with no external libraries.

CCasualWanderer20XX
93% match
Loading thumbnail…

Sol LeWitt Attempt #3 Vanilla JS

This example renders an abstract geometric composition inspired by Sol LeWitt’s wall drawings, built with vanilla JavaScript and the SVG API. It shows a 1000×700 canvas filled with alternating vertical and horizontal stripes that appear to weave through a central hourglass-like polygon shape. Two SVG masks define the visible regions: the first mask applies to 50 vertical red stripes, the second to 50 horizontal red stripes, creating a layered visual effect where the pattern changes orientation within the polygon. The code constructs the SVG elements dynamically using `createElementNS`, with mask polygons and stripe rectangles, demonstrating a low-level approach without external libraries.

CCasualWanderer20XX
91% 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
88% 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
88% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces Sol LeWitt’s geometric wall drawing style by generating a grid of horizontal and vertical black stripes on a white background. A circular mask in the center of the SVG reveals only the stripes inside the circle, while a second inverted mask applies to the vertical lines, creating a layered crosshatch effect. The code uses raw SVG elements created via the DOM API (`document.createElementNS`), with two mask definitions (`<mask>` and `<mask2>`) to control visibility. The rendering is entirely procedural, with 100 rectangles in each direction, and no external data source or library beyond vanilla JavaScript and SVG.

Aalexscott-untitled
88% match
Loading thumbnail…

Sol LeWitt

This example reproduces a Sol LeWitt drawing using SVG. It renders a grid of horizontal and vertical stripes, with a circular mask creating the illusion of layered bands across the canvas. The stripes are generated programmatically in JavaScript, using `document.createElementNS` to build SVG `rect` elements. Two complementary masks (`circle-mask` and `circle-mask-2`) alternate which stripe orientation is visible, producing a clean geometric composition that adapts to the full browser window size.

Aainhoadieruiz@gmail.com
87% match
Loading thumbnail…

Sol lewitt reproduction

This example reproduces a Sol LeWitt wall drawing using layered SVG masks and repeated geometric stripes. The viewport is split into quadrants where horizontal black bars fill a large circular mask, vertical bars occupy two white quadrants around a smaller inner circle, and diagonal lines (incomplete in the code) would structure the remaining spaces. Rendered entirely with vanilla JavaScript and the SVG DOM API, it creates the illusion of intersecting line patterns within nested circular and rectangular boundaries. The approach relies on programmatic construction of SVG elements, with masks defining visible regions for each stripe direction, mimicking LeWitt’s algorithmic instructions.

Ssheldonv2.0@gmail.com
87% match