Wall Drawing # 1136 attempt

100%

Wall Drawing # 1136 attempt

✓ Published0🌍 Public

Last edited May 1, 2024

Created on May 1, 2024

This example recreates Sol LeWitt’s Wall Drawing #1136 using the SVG API inside a plain HTML script. It renders 100 vertical color-banded rectangles across the full window width, then overlays a single complex closed path, repeated eleven times with shifting vertical translations and scale transformations. Each path copy uses one of eleven hard-coded hex colors, cycling through the palette. The drawing’s structure follows the artist’s geometric instructions, with no external data source, and relies on direct DOM manipulation via `document.createElementNS`.

AI-generated description

A blank slate starting point showing the "Hello World" for the VizHub V3 Runtime Environment, which supports continuous hot reloading with interactive widgets.

https://vizhub.com/drbagwell/cfc6aaba08b54a598475e867bcc8fa21

MIT Licensed

Similar vizzes

Loading thumbnail…

Wall Drawing #368

An interactive web reproduction of Sol LeWitt's Wall Drawing #368. The page renders a grid of thin, dark rectangles that are rotated at a fixed 45-degree angle and positioned to span the entire viewport. The algorithm calculates the screen diagonal to determine the number of bars needed to cover the canvas fully. Using raw SVG elements created via the DOM API, the code dynamically generates and styles each rectangle based on the browser's current dimensions.

DddG12g

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

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

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

82% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces Sol LeWitt’s wall drawing using raw SVG elements, creating a visual grid of rectangles. It begins with a single rect drawn to the page, while commented-out code outlines a more complex masked pattern of horizontal and vertical stripes. The code uses no D3 API calls for rendering, instead relying on the standard DOM methods `document.createElementNS`, `setAttribute`, and `appendChild` to build the SVG structure. The file references D3 version 7 in its JavaScript, but the active implementation is pure vanilla SVG manipulation.

DDyor69

81% match

Loading thumbnail…

L3 JS Sol Lewitt Reproduction

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.

Bbarryhillier

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

81% match

Loading thumbnail…

Sol LeWitt

This example reproduces a Sol LeWitt-style wall drawing using a grid of thin vertical bars. It displays a full-screen SVG composed of 100 equally spaced rectangles, creating a minimalist pattern of lines across the viewport. The code generates each rectangle using the Document Object Model’s `createElementNS` method and sets its position and size with `setAttribute`. The bars are spaced 20 pixels apart, with a width of 10 pixels and a height matching the window, resulting in a clean, repetitive visual composition.

Jjisu9393@naver.com

81% match