Sol LeWitt Platt - vertical

100%

Sol LeWitt Platt - vertical

✓ Published1🌍 Public

Last edited Jan 18, 2026

Created on Jan 17, 2026

This example reproduces a Sol LeWitt art piece using vertical black lines rendered as a full-screen SVG background. The visualization shows a series of evenly spaced, thin vertical rectangles that fill the viewport, creating a minimalist grid-like pattern. It works by generating 100 SVG `<rect>` elements in a loop, each positioned at 20-pixel intervals with a fixed width of 10 pixels and height equal to the window’s height. The code uses the native Document Object Model (DOM) API to create and append the SVG elements, with no external libraries or data sources involved.

AI-generated description

A reproduction of a [Sol LeWitt art piece]

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Platt - horizontal

This example renders a minimalist visualization inspired by Sol LeWitt, showing a grid of vertical black rectangles evenly spaced across the full width and height of the browser window. The code uses the SVG API to create a single `<svg>` element with 100 `<rect>` elements, each 10 pixels wide and positioned every 20 pixels, filling the viewport. The rectangles are drawn directly with `document.createElementNS` and appended to the SVG, with no data source beyond the computed window dimensions.

NNatalia BM

89% match

Loading thumbnail…

Sol LeWitt Reproduction - Vertical Lines

This example reproduces a Sol LeWitt drawing using JavaScript and the SVG API. It creates a full-screen SVG canvas and draws 100 vertical black rectangles, each 10 pixels wide and spaced 20 pixels apart, with no horizontal variation. The code uses `document.createElementNS` and `setAttribute` to generate the rectangles dynamically. The piece directly references LeWitt's instruction-based art, presenting a simple, systematic grid of vertical lines that fills the entire browser window, adapting to its dimensions.

Aajoua

88% match

Loading thumbnail…

Sol LeWitt Reproduction-VerticalLine

This example reproduces a Sol LeWitt art piece using an SVG canvas that fills the browser window. It shows a grid of one hundred thin vertical black lines, evenly spaced across the full height of the viewport. The code creates each line as an SVG `rect` element, setting its `x` position by multiplying an index by 19 pixels. The rendering relies solely on the native DOM API `document.createElementNS` for SVG, with no external visualization libraries.

XXuân Vinh

88% match

Loading thumbnail…

Sol LeWitt

This example generates a vertical field of narrow, evenly spaced black rectangles across the full height of the browser window, creating a rhythmic, striped composition reminiscent of Sol LeWitt’s wall drawings. It renders 100 SVG `<rect>` elements directly onto an `<svg>` created with the DOM API `document.createElementNS`. The rectangles are positioned incrementally along the x-axis at 20-pixel intervals, each with a fixed width of 10 pixels, while the height is set to match the window’s inner height. No external libraries are used; the visualization relies solely on native SVG parsing and JavaScript.

EEd Smale

87% match

Loading thumbnail…

Sol LeWitt Reproduction-Vertical

This example reproduces a Sol LeWitt vertical-striped artwork as an interactive SVG visualization. It shows a grid of thin, alternating horizontal and vertical white lines confined within a circular mask at the center of the screen. The code uses the SVG API to create 100 horizontal and 100 vertical rectangles, with a mask element and circle defining the circular crop. No external libraries are used; the rendering relies entirely on native Document Object Model (DOM) methods like `createElementNS` and `setAttribute`.

XXuân Vinh

86% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired minimal art piece using SVG, rendering one hundred vertical rectangles in a grid across the full viewport. The code generates each rectangle dynamically via the SVG DOM API, setting its x-position and width while extending its height to cover the screen. The result is a stark, monochrome composition that echoes LeWitt’s geometric aesthetic. No external libraries are used; the implementation relies on native JavaScript and the `createElementNS` method to build the SVG structure.

Aadityapalliyil0@gmail.com

86% match

Loading thumbnail…

Sol LeWitt lineas verticales

This example generates a static, full-window SVG visualization of vertical lines, inspired by Sol LeWitt's minimalist wall drawings. It shows one hundred narrow rectangles arranged evenly across the screen, each with a fixed width and height matching the viewport, creating a rhythmic pattern of alternating line and gap. The code uses the plain Document API with `createElementNS` and `appendChild` to construct SVG `<rect>` elements dynamically in a loop. The dimensions derive from `window.innerWidth` and `window.innerHeight`, and the styling comes from a linked stylesheet, though no external rendering library is used.

SSergio

85% match

Loading thumbnail…

Sol Lewit reproduction vertical lines

This example reproduces a Sol LeWitt-inspired drawing using raw SVG elements created programmatically. It renders 100 vertical rectangles, each 10 pixels wide, spaced 20 pixels apart across the full height of the viewport. The code uses the SVG namespace via `document.createElementNS` and sets `width` and `height` attributes directly on the `<svg>` root, with no external libraries. The rendering approach is deterministic and purely geometric, mirroring LeWitt’s instructional wall drawings through simple repetition.

AAshwani Sajwan

85% match