Part(2) of Sol LeWitt Innovation

100%

Part(2) of Sol LeWitt Innovation

✓ Published0🌍 Public

Last edited Dec 7, 2023

Created on Dec 7, 2023

Forked from Reproduction of Sol LeWitt Innovation

This visualization draws a grid of horizontal and vertical lines that are selectively revealed through two circular masks, creating a composition inspired by Sol LeWitt's geometric art. The horizontal lines use a mask with a white circle, while the vertical lines use an inverse mask with a black circle, producing contrasting circular cutouts. Built with raw SVG element creation via the `document.createElementNS` API and D3's `selection` import, the code generates 50 lines in each direction with fixed spacing. The masks and lines are constructed entirely through imperative SVG manipulation, demonstrating a minimalist, code-driven approach to generative drawing.

AI-generated description

Episode 2 : Part(2) of Sol LeWitt Articles

Created by Satyum Singh Pathania .

Date : 7th December, 2023.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Innovation

This piece renders a grid of thin horizontal and vertical lines on an SVG canvas. The horizontal lines are clipped by a circular mask, creating a visible disk at the center while the vertical lines remain unclipped across the full canvas. Built with the SVG API and JavaScript, the code creates 50 horizontal and 50 vertical rectangles, applying a `<mask>` with a circle to limit the visibility of the former. The masks and shapes are generated procedurally.

SSatyum Singh Pathania

90% match

Loading thumbnail…

Sol LeWitt

This visualization recreates a Sol LeWitt-inspired geometric drawing using pure SVG. It shows a grid of vertical and horizontal black lines intersecting across the full screen, but with their density inverted between the center and the periphery. In the middle, only horizontal lines appear in a circular region, while vertical lines dominate the surrounding area. The effect is achieved using two SVG masks—a peripheral mask and a center mask—that selectively reveal or hide the line sets. The code uses the native `document.createElementNS` API to construct SVG elements dynamically.

JJeya Balaji Balasubramanian

86% match

Loading thumbnail…

Sol Lewit reproduction

This example reproduces a Sol LeWitt-style geometric drawing by generating a grid of horizontal and vertical lines in pure SVG. It uses two SVG masks (`circle-mask` and `circle-mask-2`) to constrain the lines: the first mask allows the 100 horizontal strips to appear only inside a central white circle, while the second mask shows vertical strips outside that circle. The code builds all elements dynamically via the SVG DOM API (`createElementNS`), with no external libraries, and the result is a minimalist composition of intersecting, masked line bands against a blank background.

AAshwani Sajwan

86% match

Loading thumbnail…

Sol LeWitt Reproduction Vertical

This visualization reproduces a Sol LeWitt-inspired geometric drawing using an SVG scene under a circular mask. It shows a grid of fine black lines—horizontal strokes overlapped by vertical strokes—that remain visible only inside a centered circle, while the surrounding area stays blank. The code uses raw SVG element creation via `document.createElementNS` and `mask` elements to achieve the cutout effect. The rendering consists of 100 horizontal rectangles and 100 vertical rectangles, with the circle mask controlling visibility.

KKhanin Sisaengsuwanchai

86% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric piece using only SVG and JavaScript, creating an intricate grid of horizontal and vertical lines. It shows a large circular mask revealing a woven pattern of alternating line directions, with the circle centered on a full-screen canvas. The code builds the visualization by constructing SVG elements via the DOM API (`document.createElementNS`), defining two masks (`circle-mask` and `circle-mask-2`) to clip horizontal and vertical line groups. It generates 100 horizontal rectangles and 100 vertical rectangles, each 10 pixels thick, with the masks controlling visibility to create the overlapping effect. No external libraries are used; the rendering relies purely on raw SVG and JavaScript.

IIndranil Biswas

85% match

Loading thumbnail…

Reproduction of Sol LeWitt Innovation

This interactive reproduction of Sol LeWitt’s wall drawing uses a grid of horizontal and vertical lines clipped by circular masks to create a dynamic, overlapping pattern. Rendered as an SVG, the piece generates 50 horizontal and 50 vertical rectangles, with the horizontal lines masked by a white circle on a black background and the vertical lines by the inverse mask. Written in raw JavaScript, it programmatically builds the SVG elements without external libraries, responding to the browser window’s dimensions for its layout. The result is a geometric, generative artwork that mimics LeWitt’s conceptual, rule-based style.

SSatyum Singh Pathania

85% match

Loading thumbnail…

Sol LeWitt Reproduction Verticle

This example reproduces a Sol LeWitt-inspired drawing using only SVG elements. It shows a grid of horizontal and vertical lines confined to a circular mask, creating a clean, geometric composition. The visualization is generated procedurally with JavaScript, using the Document Object Model (DOM) APIs to create SVG nodes. A white circle on a black mask defines the visible area, while 100 horizontal rectangles and 100 vertical rectangles are drawn across the full canvas, with the horizontal set clipped by the mask. The code relies on native browser APIs such as `document.createElementNS` and `setAttribute`, with no external libraries.

PPrince Kumar

85% match

Loading thumbnail…

Sol Lewitt

This is a reproduction of a Sol LeWitt wall drawing using custom SVG masks and rectangles. Two perpendicular sets of thin lines are drawn: one set of vertical lines is masked to appear only outside a central circle, while a second set of horizontal lines is masked to appear only inside that same circle, creating a two-tone grid composition. The code uses the Document Object Model APIs `createElementNS` and `setAttribute` to construct the SVG and masks.

RRajiv Iyer

85% match