TD_Sol_Lewitt_horizontal

100%

TD_Sol_Lewitt_horizontal

✓ Published1🌍 Public

Last edited Oct 21, 2022

Created on Oct 17, 2022

This visualization reproduces a Sol LeWitt-inspired wall drawing using purely abstract geometric forms. It depicts a grid of thin, horizontal and vertical black lines overlaid on the full screen, with a circular white mask that reveals a central region where the horizontal lines are hidden, creating a distinctive circular void. The piece is generated entirely with SVG and the native DOM API, using `createElementNS` to construct shapes and a mask element with a `circle` to achieve the visual effect. No external libraries or datasets are involved.

AI-generated description

Reproduce Sol Lewitt art TD_Sol_Lewitt

MIT Licensed

Similar vizzes

Loading thumbnail…

TD_Sol_Lewitt_D3

This example recreates a Sol LeWitt-inspired drawing as alternating horizontal bands of color that are selectively masked by a central circular hole. The visualization uses D3.js (v6.6.1) to generate 100 SVG rectangles, each with the full viewport width and a fixed height, while an SVG mask clips the shapes to reveal a circular area in the middle. The code demonstrates both a declarative D3 data-join approach and commented-out imperative DOM creation, rendering entirely in SVG without external data sources.

TTatjana Dzambazova

86% match

Loading thumbnail…

Sol Lewitt Variante

This example recreates a Sol LeWitt-inspired wall drawing as an interactive SVG visualization. The artwork shows a grid of thin horizontal and vertical lines that are visible only within two overlapping circular masks, creating a crosshatched pattern inside the circles against a blank background. The code uses plain JavaScript with the SVG DOM API, creating mask elements and hundreds of rect primitives programmatically. A black-filled mask with a white circle reveals the horizontal lines, while an inverted mask with a black circle reveals the vertical lines, demonstrating a simple yet effective clipping technique.

Iibaird6@gatech.edu

86% match

Loading thumbnail…

TD_Sol_Lewitt

This example reproduces a Sol LeWitt-inspired drawing using raw SVG and JavaScript, without any external libraries. It renders 100 vertical rectangles, each 10 pixels wide, spaced 20 pixels apart, and filling the full height of the browser window. The rectangles are created dynamically in a loop using the `document.createElementNS` API and appended to an SVG element whose dimensions match `window.innerWidth` and `window.innerHeight`. The resulting pattern demonstrates a minimalist, systematic grid-based composition directly in the browser.

TTatjana Dzambazova

85% match

Loading thumbnail…

Sol LeWitt

This visualization recreates Sol LeWitt’s geometric wall drawings using overlapping horizontal and vertical striped bands. A central circular mask reveals the intersection of both patterns, while the surrounding areas remain blank. The code builds SVG elements manually with `createElementNS`, applying two separate circle-based masks to clip groups of thin rectangles. No external libraries are used; rendering relies entirely on raw SVG masks and rect primitives at a fixed 100-line count per direction.

Ddanheavern

85% 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

85% match

Loading thumbnail…

Sol Lewitt Reproduction Vertical

This visualization reproduces a Sol Lewitt art piece using only SVG elements. It draws 100 horizontal black rectangles, each 10 pixels tall and spaced 20 pixels apart, across the full width of the viewport. A circular mask (created with SVG `mask` and `circle` elements) is centered on the screen, clipping the rectangles so they are only visible within a round opening. The rendering is driven entirely by the Document Object Model (DOM) API, using `document.createElementNS` to generate raw SVG without any external libraries.

Kkwambokar

85% match

Loading thumbnail…

Fork of TD_Sol_Lewitt_FINAL

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.

TTatjana Dzambazova

85% match

Loading thumbnail…

Sol Lewitt Reproduction vertical

This example reproduces a Sol LeWitt-style geometric art piece using raw SVG and JavaScript. It shows a full-screen vertical grid of thin horizontal and vertical lines, with a central circular region highlighted by a mask. The rendering relies on the SVG `mask` element and dynamically created `rect` elements, using standard DOM APIs like `document.createElementNS`. The horizontal lines are clipped to a circle via the mask, while vertical lines span the full height, creating a layered, minimal composition.

JJinpeng Li

85% match