Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction

✓ Published1🌍 Public
PPrince Kumar
Last edited Mar 17, 2024
Created on Mar 17, 2024
Forked from Js Basics

This example reproduces a minimalist Sol LeWitt-style drawing using only vertical bars. It shows a grid of thin, evenly spaced rectangles that fill the entire viewport, creating a rhythmic, pattern-based composition. The visualization is generated entirely with the browser’s native SVG interface, using `document.createElementNS` to construct each rectangle element. The script sets the total number of bars to 100, positioning them at fixed intervals of 20 pixels along the x-axis while each bar spans the full height of the window. No external libraries are used, relying solely on standard JavaScript and the SVG namespace.

AI-generated description

A demonstration of SVG shapes.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired wall drawing using dynamically generated SVG rectangles. It renders 100 vertical bars of fixed width, spaced evenly across the full viewport height, creating a minimalist grid pattern that fills the browser window. The visualization works by creating an SVG element with the DOM API `document.createElementNS`, setting its dimensions to match the window, and appending each rectangle with explicit `x`, `width`, and `height` attributes. No external libraries are used; it relies entirely on native JavaScript and SVG shape creation.

WWasanta Pruttisarikorn
93% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric composition using a grid of vertical SVG rectangles. The code generates 100 thin, evenly spaced bars that span the full height of the browser window, creating a rhythmic, minimal pattern. It builds the SVG dynamically with the Document Object Model (DOM) API, using methods like `createElementNS` and `setAttribute` to construct and style each rectangle. The visualization responds to the current viewport dimensions, filling the entire screen with its structured, monochrome array.

Aandu006@gmail.com
93% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired geometric composition using raw SVG and JavaScript. It shows a systematic grid of thin, evenly spaced vertical bars that span the full height of the viewport, creating a rhythmic, minimalist pattern reminiscent of LeWitt’s wall drawings. The code creates an SVG container sized to the browser window and appends 100 rectangles, each positioned at increasing x-coordinates with a fixed width, using the `document.createElementNS` API for SVG elements. The rendering relies solely on native DOM manipulation and CSS styling via an embedded stylesheet, with no external libraries beyond a Google Font import for the text styling.

Mmaciekawsq@gmail.com
92% match
Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt drawing using a generative approach, rendering a series of vertical bars. The bars are evenly spaced across the full width and height of the browser window, creating a rhythmic, minimalist composition. The code uses raw JavaScript with the Document Object Model (DOM) API to create SVG elements, specifically `document.createElementNS`. It dynamically sets the canvas size based on `window.innerWidth` and `window.innerHeight`, then iterates to append one hundred `rect` elements, each with a fixed width and spacing, to the SVG container.

Cchacon1@uic.edu
92% match
Loading thumbnail…

Sol Lewitt Reproduction

This piece reproduces a Sol LeWitt-style generative drawing using only vertical bars. The work shows a series of 100 thin rectangles evenly spaced across the full width of the browser window, creating a regular, rhythmic grid-like pattern. The code generates the artwork by creating an SVG element and appending a rect for each iteration of a JavaScript loop, setting each bar’s x position to increment by 20 pixels while maintaining a constant width and height. The scene fills the entire viewport, as the SVG dimensions are set to the window’s inner width and height.

JJinpeng Li
91% match
Loading thumbnail…

Le03 Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt-style drawing using a vertical grid of narrow, evenly spaced rectangular bars that span the full height of the viewport. The code generates 100 rectangles directly via the SVG namespace API (`document.createElementNS` and `setAttribute`), positioning each at an `x` increment of 20 pixels with a fixed width of 10. Rendered in a browser window, the pattern creates a rhythmic striped composition. No external libraries are used; the example demonstrates basic SVG manipulation with vanilla JavaScript.

CColin Frutschi
91% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a minimalist Sol LeWitt drawing using programmatically generated vertical bars. It fills the browser viewport with 100 thin SVG rectangles, evenly spaced 20 pixels apart and spanning the full window height. The code uses the raw Document Object Model (DOM) API with `createElementNS` to construct SVG elements directly, setting viewport dimensions from `window.innerWidth` and `window.innerHeight`. No external libraries are used; the rendering relies purely on vanilla JavaScript and CSS.

TTheo-0201
91% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric composition using only straight vertical bars of uniform width. The code generates 100 rectangles in an SVG element, each spaced 20 pixels apart with a 10-pixel width, extending the full height of the viewport. It uses the DOM API’s `createElementNS` and `setAttribute` methods to construct and style the SVG shapes directly. The artwork fills the entire browser window by setting the SVG’s dimensions to the window’s inner width and height, creating a minimalist, repeating pattern that echoes LeWitt’s instructional art.

CCurran Kelleher
91% match