Skip to main content
SimilarExport ZIP
100%

Fork of Sol Lewit reproduction vertical lines

✓ Published1🌍 Public
AAshwani Sajwan
Last edited Apr 23, 2024
Created on Apr 23, 2024

This example reproduces a Sol LeWitt-inspired drawing as a series of vertical black lines. It uses the raw SVG API to create and append 100 `rect` elements, each with a fixed width of 10 pixels and a spacing of 20 pixels, spanning the full height of the viewport. The code computes the canvas dimensions from `innerWidth` and `innerHeight`, then positions the rectangles horizontally across the entire screen. This straightforward, procedural rendering approach directly mirrors the minimalist aesthetic of the original conceptual artwork.

AI-generated description
MIT Licensed

Similar vizzes

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
90% match
Loading thumbnail…

Fork of Sol LeWitt Vertical

This example recreates a Sol LeWitt-inspired wall drawing as a dense field of uniform vertical bars rendered in black on a full-window SVG canvas. It shows how simple repetition of a geometric primitive can produce a rhythmic, minimalist composition. The code uses the raw Document Object Model API, creating 100 `rect` elements via `document.createElementNS` and appending them to an SVG root. Each rectangle is positioned at twenty-pixel intervals, with a fixed width of ten pixels and a height matching the browser viewport, filling the entire display area.

Eeric.r.thornhill@gmail.com
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using raw SVG and JavaScript, showing a grid of vertical lines confined to a circular region at the center of the screen. The code creates an SVG mask with a white rectangle and black circle, then applies that mask to a series of thin vertical rectangles spaced every 20 pixels across the viewport. The result is a minimalist geometric composition where the line grid is visible only inside the circular window, mimicking LeWitt’s systematic drawing style.

Mmegan-grannan
87% match
Loading thumbnail…

Fork of Sol Lewitt Reproduction

This example reproduces a Sol Lewitt-inspired drawing using a full-window SVG canvas. It generates 100 vertical rectangles, each 10 pixels wide, spaced 20 pixels apart and extending the full height of the viewport, creating a striped pattern. The code creates the SVG element with `createElementNS` and appends it to the document body, then iterates with a JavaScript loop to add each `<rect>` node directly. The visualization demonstrates basic SVG shape construction and DOM manipulation without external libraries or data sources.

Ssirenajbpearl@gmail.com
87% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

A fork of a Sol LeWitt reproduction renders a minimalist grid of vertical black rectangles on a white background. All 100 rectangles share a fixed line width of 10 pixels and are spaced 20 pixels apart, extending the full height of the 960-by-600 viewport. The code constructs the SVG dynamically using the `document.createElementNS` API, setting width, height, and fill attributes without external libraries. The script’s commented-out sections reveal an unused mask-based variant, but the active visualization displays only the simple striped pattern.

Ppeter.sime@gmail.com
87% match
Loading thumbnail…

Fork of Sol LeWitt 2

This example reproduces a Sol LeWitt wall drawing as an abstract, geometric visualization. It shows a series of 100 thin, horizontal rectangles stacked vertically across the full height of the browser window, forming a simple striped pattern. The piece is rendered using the SVG API, creating each `rect` element dynamically via `document.createElementNS`. The code sets the width of each rectangle to match the viewport width, while the vertical position and height are determined by a loop increment, producing a clean, repetitive composition in the style of the original artwork.

Jjisu9393@naver.com
87% 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
86% match
Loading thumbnail…

Fork of Sol Lewitt Reproduction mid point

This visualization reproduces Sol LeWitt's geometric wall drawings using programmatically generated vertical stripes. Two identical loops of 100 thin rectangles each are rendered atop one another, creating a dense, rhythmic pattern of black lines across the full height of the browser window. Built with the native SVG API in JavaScript, the code creates elements via `document.createElementNS` with `'http://www.w3.org/2000/svg'`, setting each rectangle’s position and dimensions through `setAttribute`. The canvas dynamically adapts to the viewport dimensions using `window.innerWidth` and `window.innerHeight`.

GGbemiga Atolagbe
86% match