Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Curran lesson - Sol LeWitt Reproduction

✓ Published1🌍 Public
AAamir Hameed mir
Last edited Apr 2, 2024
Created on Apr 2, 2024

This example reproduces a Sol LeWitt-inspired geometric composition using SVG. It shows layered horizontal and vertical strips of color intersecting within two circular masks, creating a dynamic pattern of bars confined to circular regions. The rendering uses the SVG DOM API, creating equal-width rectangle strips for vertical and horizontal bars, with a `mask` element defining a circular aperture in the center. Each strip is added via JavaScript loops, and the masks invert their fill colors to alternate which sets of bars remain visible. The code relies entirely on native browser APIs, without external libraries.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Curran lesson - Sol LeWitt Reproduction

This interactive SVG reproduction of a Sol LeWitt drawing uses a generative approach to create two overlapping circular patterns. It renders a grid of thin horizontal and vertical rectangles, with a circular mask cutting out the center of the horizontal set and an inverse mask revealing the center of the vertical set. The code builds the SVG entirely through the DOM API, setting up two masks—one with a black rectangle and white circle, the other with the inverse—and then appending 100 rects for each orientation. The result is a dynamic, browser-resizing geometric composition that mirrors LeWitt’s conceptual art style.

Aastrologyhesitant
92% match
Loading thumbnail…

Fork of Curran's Sol LeWitt Reproduction for Notes

This example reproduces a Sol LeWitt wall drawing as an interactive SVG composition that adapts to the browser window. It uses two nested masks—a circular cutout within a rectangular frame—to create a cross-shaped viewport that reveals overlapping horizontal and vertical striped patterns beneath. The rendering is driven by procedural JavaScript that generates 100 striped rectangles for each orientation, positioned on a 20-pixel grid. The code relies on raw SVG element creation via `document.createElementNS` and direct attribute setting, without any external visualization library.

GGoldSupplyChainz
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric composition, displaying a grid of parallel horizontal and vertical stripes that intersect within a circular aperture at the center of the viewport. It shows a masked pattern where thick colored bars are selectively revealed or hidden by two complementary circular masks. The code builds the visualization using raw SVG elements created via the DOM API, including `document.createElementNS`, and applies masks (`<mask>`) with `<rect>` and `<circle>` shapes to control which stripes appear. No external libraries or data sources are used; the rendering relies entirely on procedural generation with fixed dimensions.

CCora
90% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric composition using raw SVG and JavaScript, rendering a canvas-sized circular mask layered over intersecting horizontal and vertical bands. The page builds an SVG scene with two circle masks: one reveals a grid of horizontal rectangles, while an inverse mask exposes vertical rectangles, creating a Moiré-like pattern. The code constructs elements via the DOM API (`document.createElementNS`, `setAttribute`) and appends them to the SVG root, with masks defined as `<mask>` elements containing `<rect>` and `<circle>` shapes. No external libraries are used; all rendering relies on native SVG primitives and inline styling.

Ttwospikesfpg@gmail.com
90% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired geometric composition entirely through SVG elements. It shows a grid of horizontal and vertical bands that intersect within a centered circular boundary, creating a patterned interplay of lines and negative space. The code constructs the visualization using raw JavaScript and the SVG DOM API, creating two masks—one with a black background and white circle, the other with the inverse—to alternately reveal horizontal stripes inside the circle and vertical stripes outside it. One hundred rectangles are generated for each orientation, each masked to produce the final layered effect.

AAWLGAWLG
90% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using an SVG rendering approach. The visualization displays a grid of horizontal and vertical lines that are masked to create concentric circular patterns at the center of the viewport. The code dynamically generates 100 rectangular strips for each orientation, using inline SVG mask elements to clip the lines into the circular shapes. The piece runs entirely with native JavaScript DOM manipulation, creating the `svg`, `rect`, `mask`, and `circle` elements without external libraries.

AAdekola Aliu
89% 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
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction - join them

This example reproduces a Sol LeWitt wall drawing using two overlapping SVG masks to create a circular composition of alternating black and white bars. The code applies one mask to a set of horizontal rectangles and a second, inverted mask to vertical rectangles, so the bars switch colors inside the central circle. All elements are generated dynamically with the SVG DOM API, and the work directly references LeWitt’s instruction-based art through code.

Ppeter.sime@gmail.com
89% match