Skip to main content
SimilarExport ZIP
100%

Sol LeWitt lineas horizontales

✓ Published1🌍 Public
SSergio
Last edited Sep 2, 2025
Created on Sep 2, 2025

This example recreates Sol LeWitt’s horizontal line wall drawing using 30 overlapping black rectangles that fill the entire browser window. The SVG is created dynamically via the Document Object Model (DOM) API, with rectangle elements positioned at fixed vertical intervals and sized to the viewport’s width. The code uses `createElementNS` and `setAttribute` to generate the vector graphics, producing a minimalist, generative composition that mirrors the artist’s geometric style. No external libraries are required.

AI-generated description
MIT Licensed

Similar vizzes

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

Sol LeWitt Creation Horizontal

This example reproduces a Sol LeWitt-inspired wall drawing as a horizontal striped composition. The visualization fills the entire browser window with a series of 50 horizontal bands, each 10 pixels tall, stacked vertically with no gaps. The piece directly uses the Document Object Model (DOM) API to create SVG elements programmatically, generating rectangles via `createElementNS` and appending them to the document. The page relies on the browser’s `window.innerWidth` and `window.innerHeight` for its full-bleed dimensions, resulting in a clean, minimal, and generative aesthetic that echoes LeWitt’s instructional art.

Ddexuzi
85% match
Loading thumbnail…

Sol LeWitt Four Lines

This example reproduces a Sol LeWitt wall drawing using only HTML and JavaScript. It shows a grid of black horizontal and vertical lines intersecting within two circular areas at the center of the canvas. The rendering relies on the Document Object Model (DOM) to create SVG elements programmatically, including `<rect>` elements for the lines and `<mask>` elements to clip the lines into circular shapes. No external libraries are used; the design is generated with a pair of nested loops to fill the entire viewport with the alternating line patterns.

SSam Hege
85% 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
84% 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
84% match
Loading thumbnail…

Sol LeWitt

This example displays 50 vertical rectangles arranged in a repeating grid, filling the browser window with a pattern inspired by Sol LeWitt’s minimalist art. Each rectangle is positioned at an x-coordinate of 20 times its index, with a fixed width of 10 and a height equal to the full viewport. The visualization uses the SVG namespace and dynamically creates elements via `document.createElementNS`, setting width and height attributes from `window.innerWidth` and `window.innerHeight`. The code appends all shapes to a single SVG container without any interaction or data-driven updates.

Aavcwisesa
84% match