Sol LeWitt Sample

100%

Sol LeWitt Sample

✓ Published0🌍 Public

Last edited Jan 30, 2024

Created on Jan 30, 2024

This example reproduces a Sol LeWitt-inspired generative drawing directly in the browser. It generates a full-screen SVG canvas sized to the current window and draws a single black vertical rectangle, its height matching the viewport. The code uses the native `document.createElementNS` API for SVG creation and rendering, referencing the `svg` namespace. A loop sets an initial count but does not yet iterate, leaving the artwork minimal and incomplete.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Creation

This example generates a full-screen SVG that reproduces Sol LeWitt’s minimalist wall drawings. It creates a grid of 50 narrow vertical rectangles, each ten pixels wide and spaced twenty pixels apart, which collectively fill the entire browser viewport. The piece demonstrates the use of the Document Object Model (DOM) API’s `createElementNS` method to construct SVG elements directly through JavaScript, rather than employing a library like D3. The code iterates a loop, appending each rect to the SVG root, whose dimensions are set from `window.innerWidth` and `window.innerHeight`. The result is a clean, algorithmically generated abstract composition.

Ddexuzi

87% match

Loading thumbnail…

Sol Lewit Reproduction

This example reproduces a Sol LeWitt-inspired wall drawing using a simple generative SVG approach. It creates 100 narrow vertical rectangles, each 10 pixels wide, spaced 20 pixels apart across the full width of the browser window, with each rectangle stretching the full height of the viewport. The code builds the SVG dynamically using the raw DOM API (`document.createElementNS`) rather than a visualization library, setting the width and height attributes from the window’s inner dimensions. No data source is used; the pattern is purely algorithmic and deterministic.

Aayo

87% match

Loading thumbnail…

Sol LeWitt in Vanilla JS

This example renders a generative art piece inspired by Sol LeWitt using vanilla JavaScript and SVG. It creates a full-screen SVG canvas and populates it with a series of vertical rectangles, each 10 pixels wide, spaced 20 pixels apart across the entire window width. The code uses `document.createElementNS` and `setAttribute` to construct SVG elements dynamically, looping to cover the viewport’s width. The result is a minimal, grid-based composition that directly translates the artist’s geometric aesthetic into a browser-based visualization.

Jjv

86% match

Loading thumbnail…

Sol Lewitt Reproduction

This example reproduces a Sol LeWitt wall drawing as an interactive SVG visualization. It renders 100 vertical rectangles, each 10 pixels wide, evenly spaced across the full viewport height. The code uses the SVG API to create and append each rectangle dynamically via `document.createElementNS`. All shapes are generated procedurally without an external dataset, directly mimicking LeWitt’s geometric style. The result is a minimalist, full-screen composition that fills the browser window.

KKathleen Johnston

86% match

Loading thumbnail…

Sol lewitt

This example creates a minimalist, generative wall drawing inspired by Sol LeWitt’s geometric instruction art. It displays a series of one hundred thin, evenly spaced vertical rectangles that span the full height of the browser window. The composition is rendered as SVG, constructed dynamically with the `document.createElementNS` and `svg.setAttribute` APIs, without using any external libraries. The code generates the pattern procedurally by looping through an index, setting each rectangle’s x position incrementally, resulting in a clean, grid-like visual.

OOluseyi Adeeko

86% match

Loading thumbnail…

Sol lewitt

This example renders an interactive-free generative drawing inspired by Sol LeWitt, filling the browser viewport with a series of vertical bars. The artwork is created using raw SVG elements via the Document Object Model API, specifically `createElementNS` and `setAttribute`, inside a plain HTML page. A loop of 100 iterations draws rectangles with a fixed x-position and incrementing width, extending full height, producing a striped composition. The code relies solely on vanilla JavaScript and SVG, with no external libraries, and automatically adapts to the window's dimensions.

EErik L

86% match

Loading thumbnail…

Sol Lewitt Reproduction

This example reproduces a Sol LeWitt drawing as a single black vertical rectangle spanning the full height of an SVG canvas. The work is rendered entirely through the native Document Object Model’s `createElementNS` and `appendChild` methods, without external libraries like D3. The script sets the SVG’s width and height attributes to fixed pixel values and appends the rectangle directly to the page body. The accompanying CSS hides page margins and scrollbars, focusing attention solely on the minimalist geometric form. The data source is the original LeWitt artwork.

Mmaxthamt

86% match

Loading thumbnail…

Sol LeWitt Reproduction

This example displays a Sol LeWitt-inspired geometric composition, rendering a series of vertical black bars across a white background. The code creates a full-screen SVG canvas using the native JavaScript `document.createElementNS` API. It draws 100 rectangles, each 10 pixels wide and spaced 20 pixels apart, with heights set to match the viewport’s inner height. The rigid, repeated pattern mirrors LeWitt’s minimalist wall drawings, and the approach directly translates a simple algorithmic grid into scalable vector graphics.

Rroyable88

85% match