Skip to main content
SimilarExport ZIP
100%

Fork of TD_Sol_Lewitt_FINAL

✓ Published2🌍 Public
TTatjana Dzambazova
Last edited Oct 21, 2022
Created on Oct 21, 2022

This interactive SVG artwork reproduces a Sol LeWitt-style drawing, displaying two overlaid grids of horizontal and vertical black bars. The horizontal bars appear inside a centered circle, while the vertical bars appear outside it, creating a contrast between the two regions. Using inverse masking via the SVG `mask` element, the code defines two complementary circular masks to selectively reveal each grid. The presentation is generated entirely through JavaScript and the native SVG DOM API, with a black-and-white geometric aesthetic.

AI-generated description

Reproduce Sol Lewitt art TD_Sol_Lewitt

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of TD_Sol_Lewitt_animated

This example recreates Sol LeWitt’s geometric wall drawings using SVG and the Document Object Model (DOM) API. It displays a grid of horizontal and vertical stripes, masked by two overlapping circular regions that produce an inverted, framed effect. Two SVG `mask` elements, one with a black rectangle and white circle, the other with a white rectangle and black circle, alternately reveal the stripes within and outside the circle. The code generates 100 rectangles in each direction, setting their size and position programmatically.

TTatjana Dzambazova
90% match
Loading thumbnail…

Fork of Sol LeWitt

This is a generative art reproduction of a Sol LeWitt piece, rendered as a full-window SVG. It displays a grid of horizontal and vertical black bars that are masked into two concentric circular regions. The work uses two SVG masks: the first reveals only the horizontal bars within a central circle, while the second inverts that circle to show vertical bars everywhere else. The code constructs all elements dynamically via the DOM API, without external libraries.

Xxscotta@yahoo.com
89% match
Loading thumbnail…

Fork of Sol LeWitt Vertical Variant

This visualization reproduces a Sol LeWitt-style geometric composition on a full-screen SVG canvas. It shows a grid of thin horizontal and vertical bars intersecting around a central circular void, creating a cross-shaped negative space. The piece uses two SVG masks to selectively reveal either the horizontal or vertical rectangles. One mask shows a white circle on a black background, while the other is inverted; JavaScript loops generate 100 rectangles in each orientation, each assigned one of the masks to achieve the layered effect.

Ttriciascully
88% match
Loading thumbnail…

Fork of Sol Lewitt Vertical

This example reproduces Sol LeWitt’s *Vertical* art piece using two SVG masks to interleave horizontal and vertical black bars. A circular mask reveals the horizontal bars inside the circle while hiding them outside, and a complementary mask reveals the vertical bars only outside the circle. The code builds the SVG directly with the Document Object Model (DOM) API, creating 100 rectangles at 20-pixel intervals across a 600×500 canvas. The result is a clean, geometric pattern that contrasts dense line grids with an empty circular void.

FFrancisco Ibelles
88% match
Loading thumbnail…

Fork of TD_Sol_Lewitt_D3_c0ndensed

A generative art piece inspired by Sol LeWitt renders a grid of horizontal SVG rectangles, clipped by a circular mask to reveal a central disc of lines. Using an inverted second mask, vertical rectangles appear only outside the circle. The code employs D3’s `select`, `range`, and chained `join` methods to create and style the shapes, with the SVG `mask` element handling the clipping. The visualization relies on static data generation, filling the viewport with a minimalist, geometric pattern.

TTatjana Dzambazova
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
87% match
Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt drawing using only raw SVG and JavaScript, with no external libraries. It displays a grid of alternating horizontal and vertical lines that remain visible only within two intersecting circular masks, creating a dynamic visual interplay between the line directions. The code builds the SVG dynamically by appending a set of horizontal rectangles masked by a black/white circle, and vertical rectangles masked by an inverse circle, both centered on the screen. The rendering relies on native SVG mask elements and DOM manipulation in plain JavaScript.

MMaras13
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