Skip to main content
SimilarExport ZIP
100%

Fork of L3 JS Sol Lewitt Reproduction. Horizontal

✓ Published1🌍 Public
Bbarryhillier
Last edited Jan 9, 2023
Created on Jan 7, 2023

This example presents a generative, geometric composition inspired by Sol LeWitt’s wall drawings. It shows a grid of thin horizontal and vertical bars, with a circular region in the center where the bars are inverted in contrast: horizontal bars become visible inside the circle, while vertical bars are masked out there. The code constructs an SVG scene using the Document API (`createElementNS`), creating 100 horizontal and 100 vertical rectangles. Two SVG masks (`circle-mask` and `circle-mask-2`) define the circular interplay, with the first mask using a white circle on black to reveal the horizontal bars, and the second using a black circle on white to hide the vertical bars.

AI-generated description

A demonstration of Sel Dewitt art.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of L3 JS Sol Lewitt Reproduction Horizontal

A generative art piece draws two sets of overlapping horizontal and vertical stripes through an SVG canvas, with the stripes visible only within circular masks that sit at the center of the viewport. One mask reveals a circle of dark-on-light stripes, while the second mask inverts the effect, creating a contrasting interplay of line orientation and color. The piece uses D3 v7’s `select`, `range`, and data joins to create 100 rectangles in each direction, applying SVG `<mask>` elements to control visibility.

Bbarryhillier
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by drawing a grid of horizontal and vertical bars overlaid on a circle. It shows a geometric composition where a central circular area is filled with alternating stripes, created by masking a series of thin rectangles. The code uses the SVG API to construct elements, defining two masks (circle-mask and circle-mask-2) to control which bars are visible. The bars are generated by looping through 100 iterations, placing either horizontal strips with varying y-offsets or vertical strips with varying x-offsets, with the circle’s radius determined by the window dimensions.

Jjsoudeer
87% match
Loading thumbnail…

Fork of Sol Lewitt Piece Vertical

This example reproduces a Sol LeWitt-style geometric composition, showing a grid of horizontal and vertical bars that are visible only through two circular masks. One mask reveals a full circle of bars, while a second, inverted mask creates a contrasting ring effect. The artwork is rendered entirely with browser-native SVG APIs, using `document.createElementNS` to construct rectangles, masks, and circles dynamically. The code sets up a white circle against a black background in the first mask and the inverse in the second, then applies these masks to two sets of 100 striped rectangles. No external libraries are used; the piece relies on pure SVG manipulation and JavaScript loops.

Yyejichun@naver.com
87% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction Vertical

This example recreates a Sol LeWitt–inspired geometric composition using only SVG primitives and masking, showing a grid of thin vertical and horizontal bars that intersect to form a central circular void. The work emphasizes the contrast between ordered line work and negative space, creating a pseudo-visualization that mimics algorithmic drawing without encoding external data. The code relies on the raw DOM APIs `document.createElementNS` and `setAttribute` to construct the SVG elements, while two `<mask>` definitions with inverted fills (white background with black circle, black background with white circle) selectively reveal the vertical strokes inside the circle and the horizontal strokes outside it. No external libraries are used; the font is loaded via Google Fonts’ “Share Tech” for the text styling.

Ccome.grant@gmail.com
86% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction vertical

A generative drawing builds a vertical grid of thin horizontal and vertical bars that intersect inside a central circular aperture. Two SVG masks define the visible region: one mask reveals a black-circle-on-white-background pattern for the horizontal bars, while the inverse mask displays the vertical bars against a black circle. The composition uses 100 stacked rectangles for each orientation, created with the Document Object Model’s `createElementNS` and `setAttribute` methods. This fork of a Sol LeWitt reproduction inverts the horizontal mask’s fill color, altering the interplay of line weights.

Lliu yang
86% match
Loading thumbnail…

Fork of sol l. reprod. v.

This example recreates Sol LeWitt’s generative art using raw SVG elements created through the DOM API. The piece displays a grid of horizontal and vertical bars whose placement and thickness are computed from the viewport dimensions. A circular mask, defined as a separate SVG mask, applies a hole to the vertical bars, while a second mask with a white circle reveals the horizontal bars. The result is a dynamic, mask-based interplay of intersecting lines that echoes LeWitt’s systematic, rule-driven aesthetic. The code generates rectangles and circle masks entirely via JavaScript’s `document.createElementNS`, with no external libraries.

Kkhaledakanan@gmail.com
86% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing by generating a grid-like pattern of horizontal and vertical bars on an HTML5 SVG canvas. It uses SVG masks to create a central circular window: one mask hides everything except a 200-pixel-radius circle, while a second mask inverts that region. The code dynamically creates 100 horizontal and 100 vertical rectangles, each layered with alternating masks to produce the distinctive visual effect. The piece adapts to the browser’s full window dimensions, demonstrating algorithmic art generation through direct DOM manipulation and SVG APIs without external libraries.

LLiam Connors
86% match
Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction Vertical Inverst

This example generates an abstract geometric composition by layering horizontal and vertical bars over a full-screen SVG canvas. A circular mask and its inverse are created using the SVG `mask` element, with the first mask revealing horizontal strips in the central circle and the second exposing vertical strips outside it. The code uses the DOM API `createElementNS` to construct SVG elements dynamically, setting attributes like `width`, `height`, and `mask` via `setAttribute`. No external libraries are used; all shapes are drawn procedurally in a loop with 100 iterations per orientation.

WWasanta Pruttisarikorn
86% match