L3 JS Sol Lewitt Reproduction

100%

L3 JS Sol Lewitt Reproduction

✓ Published1🌍 Public

Last edited Jan 7, 2023

Created on Jan 7, 2023

This example reproduces a Sol LeWitt-style wall drawing as a generative SVG composition. It shows a series of 100 vertical stripes, each 10 pixels wide and spaced 20 pixels apart, spanning the full height of the browser viewport. The code creates an SVG element from scratch using the standard DOM API, specifically using `document.createElementNS` to build and append each `<rect>` element. The artwork is rendered entirely client-side with no external data or JavaScript libraries, relying solely on vanilla scripting to produce a minimalist, grid-based pattern.

AI-generated description

A demonstration of Sel Dewitt art.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol Lewitt Reproduction

This example reproduces a Sol LeWitt-inspired wall drawing using raw SVG elements created directly through the DOM API. It shows a series of 100 thin vertical rectangles evenly spaced across the full height of the browser viewport, creating a minimalist striped pattern. The visualization uses `document.createElementNS` to generate SVG `rect` elements, setting each rectangle’s width to 10 pixels and its horizontal offset to 20 pixels apart. No external libraries are used, relying purely on vanilla JavaScript and CSS to render the geometric composition dynamically based on the window size.

HHéloïse Feldmann

88% 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

88% match

Loading thumbnail…

Sol Lewitt Reproduction

This example reproduces a Sol LeWitt-style wall drawing by generating a grid of vertical black stripes across the full browser viewport. The code creates an SVG canvas using the DOM API, then appends 100 rectangle elements, each 10 pixels wide and spaced 20 pixels apart, filling the entire height. A simple loop handles the repetitive pattern, demonstrating how procedural geometry can mimic minimalist art. The rendering relies on native SVG creation via `document.createElementNS` and window dimensions to adapt the composition to any screen size.

GGbemiga Atolagbe

87% 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

87% 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

87% match

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

87% 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

87% 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

87% match