Sol lewitt reproduction Vertical JVK

100%

Sol lewitt reproduction Vertical JVK

✓ Published1🌍 Public

Last edited Jan 24, 2025

Created on Dec 17, 2024

A web-based reproduction of a Sol LeWitt wall drawing uses overlapping horizontal and vertical bands to create a grid. A circular SVG mask reveals only the horizontal stripes within a central circle, while the vertical stripes extend across the full canvas. The code generates 100 striped rectangles for each orientation using standard W3C SVG methods. The piece is rendered entirely through JavaScript and the DOM API, without external libraries.

AI-generated description

A Sol Lewitt ReproductionSol Lewitt art piece

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt reproduction Vertical

A web-based reproduction of Sol LeWitt's wall drawing, rendered as a full-screen SVG using programmatic JavaScript. The piece displays a grid of thin, alternating horizontal and vertical gray bars, with a circular mask that inverts the contrast in the center, creating a subtle optical effect. It uses the raw SVG DOM API (`createElementNS`) to build elements, applying two masks (`circle-mask` and `circle-mask2`) to control visibility. The design is generated entirely in code, with no external libraries, drawing 100 horizontal and 100 vertical rectangles.

DDilara Bozkurt

90% match

Loading thumbnail…

Sol LeWitt Reproduction Vertical

A web-based reproduction of Sol LeWitt’s wall drawing uses overlapping horizontal and vertical striped bands. The piece shows alternating white and black bars, with a central circular area where the vertical stripes appear, while the horizontal stripes remain visible around it. Built with raw SVG elements and the CSS mask API, the code creates two circle-shaped masks to toggle stripe visibility. The design fills the entire browser window, using a fixed stripe thickness of 10 pixels and no external data source.

WWolfgang

90% match

Loading thumbnail…

Sol lewitt reproduction Vertical and horizontal JVK

This example reproduces a Sol LeWitt-style geometric drawing, showing a grid of vertical and horizontal black lines that are partially revealed through two circular masks. The code constructs an SVG element using the raw DOM API (`createElementNS`) to generate the lines and masks. A first mask hides lines outside a central circle, while a second mask uses an inverted circle to show only vertical lines within that same area. The piece is created entirely with JavaScript, with no external libraries.

Kkakkanadjoy@yahoo.com

89% match

Loading thumbnail…

Fork of Sol lewitt reproduction Vertical JVK

This example reproduces a Sol LeWitt drawing by layering two sets of striped rectangles inside an SVG canvas. One set of horizontal stripes is masked by a central white circle, while the other set of vertical stripes uses an inverted mask, creating intersecting grid patterns. The code uses the SVG API to create elements and masks, manipulating `createElementNS` and attributes. It renders the entire browser viewport, defining masks and loops to generate the grid geometry.

Kkakkanadjoy@yahoo.com

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using overlapping horizontal and vertical stripes confined to a central circular area. The SVG rendering shows two sets of 100 thin rectilinear bands, with horizontal lines clipped by one circular mask and vertical lines by an inverted mask. Built with vanilla JavaScript and the SVG API, it creates elements dynamically, using mask elements and black-and-white fill values to alternate visibility between the two stripe orientations.

CCheah Peng Huat

88% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt-style geometric drawing using layered horizontal and vertical bands that appear only within a central circular region. The piece shows a grid of striped rectangles intersecting with a circular cutout, creating the illusion of masked lines across the canvas. Built with vanilla JavaScript and the SVG API, the code constructs two mask elements—one revealing the horizontal stripes and another inverting the vertical ones—to clip the shapes. The rendering uses dynamic width and height values from the window, ensuring the composition scales to the full viewport.

SSergio

88% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization uses raw SVG and JavaScript to reproduce a Sol LeWitt wall drawing. It layers 100 horizontal and 100 vertical rectangular stripes across the full browser window. A circular mask, created via SVG `mask` and `circle` elements, is applied only to the horizontal lines, revealing them solely within a central 200-pixel radius. The code dynamically sizes the artwork to the viewport dimensions, using `document.createElementNS` and `setAttribute` to build the composition without any external libraries.

EEdgar Cortez

88% match

Loading thumbnail…

Sol LeWitt reproduction

This piece reproduces a Sol LeWitt wall drawing using JavaScript to generate SVG elements dynamically. It displays a composition of horizontal and vertical striped rectangles that form a distinct circular pattern at the center of the viewport. The rendering uses two SVG masks, `inner-circle-mask` and `outer-circle-mask`, to control the visibility of the 100 horizontal and 100 vertical `<rect>` elements, which are sized relative to the window’s dimensions. The code relies on basic SVG APIs such as `createElementNS`, `setAttribute`, and `appendChild` to construct the artwork.

AAngela Kochoska

88% match