Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction X

✓ Published0🌍 Public
HHi I am Adil
Last edited Dec 5, 2024
Created on Dec 5, 2024

This visualization reproduces a Sol LeWitt wall drawing, displaying a single black rectangle that fills the central half of the browser window. The piece uses an SVG element created programmatically via the `document.createElementNS` API, with its dimensions and position set as percentages and pixel values relative to the viewport. The code makes no use of external libraries, relying instead on raw JavaScript to generate the geometric form.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by rendering a single vertical black rectangle against a blank canvas, echoing the minimalist geometric style of the original work. The code creates an SVG element sized to the full browser window and appends a rectangle positioned 100 pixels from the left, with a width of 10 pixels and a height matching the viewport. It uses the raw DOM APIs `createElementNS` and `appendChild` to build the SVG structure without any external libraries. The piece highlights the simplicity of SVG-based drawing, focusing on the interaction between the fixed shape and the responsive window dimensions.

JJulio Costa
93% 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
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing as an interactive web visualization. It shows a grid of narrow horizontal and vertical lines that intersect, with a circular area in the center where the lines disappear. The piece is built using raw SVG manipulation in JavaScript, creating two masks—one with a black rectangle and white circle, another with a white rectangle and black circle—to selectively hide line segments. Horizontal and vertical rectangles are then generated in a loop and assigned to these masks, producing the final composition. The code uses the SVG namespace API and basic DOM methods.

DDzenad
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with Javascript

This example reproduces a Sol LeWitt wall drawing as a generative SVG composition. It shows a series of vertical black bars covering the full height of the browser window, overlaid with horizontal black lines that step diagonally across the canvas. The code uses the Document API to create SVG elements, including nested `rect` and `circle` nodes, with two partially commented-out circle masks that would limit the drawing’s visible area. The piece dynamically sizes to the viewport, using a fixed 20-pixel spacing for vertical bars and a 10-pixel step for the diagonal lines.

IISHAAN DEEP SINGH
89% 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
88% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using raw SVG. A circular mask reveals a set of horizontal, evenly spaced rectangles that span the full width of the viewport, creating a striped pattern confined to a central circle. The code constructs the SVG dynamically via the `document.createElementNS` API, setting the mask’s circle radius to 200 pixels and drawing 100 rectangles at 20-pixel intervals with 10-pixel heights. No external libraries are used; the rendering relies entirely on native browser SVG elements and attributes.

Mmatrice-one
88% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction Vertical

This reproduction of a Sol LeWitt art piece renders a single small square in the upper-left corner of a 960 by 500 SVG canvas. The drawing uses raw SVG elements created via the Document API, specifically `createElementNS` for the `svg` and `rect` nodes, with no external libraries. The static composition does not implement any interactive behavior or algorithmic generation, showing only the minimal geometric form from the original conceptual artwork.

MMaurice Huang
88% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example renders a 960-by-960 SVG canvas and draws a single 100-by-100 rectangle in the top-left corner. It reproduces a Sol LeWitt art piece using the SVG API directly, creating elements with `document.createElementNS` and appending them to the page. The code is minimal, showing the initial stage of the geometric artwork without additional styling or interaction.

Pparaliterary@yahoo.com
88% match