Sollewitt repro

100%

Sollewitt repro

✓ Published1🌍 Public

Last edited Jan 30, 2025

Created on Jan 21, 2025

This example reproduces a Sol LeWitt wall drawing using the browser’s native JavaScript and the SVG API. It creates an SVG canvas scaled to the full window and appends a series of vertical rectangles. The first rectangle is drawn without an `x` attribute, defaulting to zero, followed by a loop that places an additional 100 rectangles at 20-pixel intervals, each 10 pixels wide and as tall as the viewport. The code comments show a redundant earlier attempt but the final output relies solely on `document.createElementNS` with the `http://www.w3.org/2000/svg` namespace.

AI-generated description

A Reproduction of Sol whiett

MIT Licensed

Similar vizzes

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

88% match

Loading thumbnail…

Sol LeWitt reproduction

This example reproduces a Sol LeWitt art piece using JavaScript to generate an SVG. It renders a series of 100 vertical rectangles, each 10 pixels wide, spaced 20 pixels apart across a 960-pixel-wide canvas. The code creates the SVG elements dynamically through the DOM API without any external libraries, directly appending each rectangle to the document body. The artwork is defined procedurally, with the number of rectangles and their spacing hardcoded in a loop.

DDilara Bozkurt

88% match

Loading thumbnail…

Sol Lewitt Repro

This example reproduces a Sol LeWitt art piece by generating a series of vertical rectangles across the full screen. It creates 100 SVG rectangles, each 10 pixels wide, positioned at increasing x-coordinates, using plain JavaScript DOM manipulation to construct the SVG elements. The visualization uses D3 v7 only to load the library, while all rendering is done through native SVG APIs like `createElementNS` and `setAttribute`. The artwork fills the browser window dynamically using `window.innerWidth` and `window.innerHeight`.

Jjustinenns@hotmail.com

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

This example reproduces a Sol LeWitt–style drawing using native browser APIs. It renders a full-screen SVG canvas and draws a series of 100 vertical rectangles, each 10 pixels wide, evenly spaced at 20-pixel intervals across the viewport width. The code uses `document.createElementNS` to construct SVG `rect` elements and appends them directly to the document body, with dimensions derived from `window.innerWidth` and `innerHeight`. No external libraries are used; the visualization relies purely on vanilla JavaScript and SVG.

Iibaird6@gatech.edu

87% match

Loading thumbnail…

Sol LeWitt Reproduction

A pure JavaScript and SVG reproduction of a Sol LeWitt wall drawing renders 100 thin vertical black rectangles across the full viewport height. The piece does not use a data source or external libraries; instead, it constructs an SVG dynamically via `document.createElementNS`, setting each rectangle’s `x` attribute to `i * 20` and a fixed `width` of 10 pixels. With no interaction, the result is a minimal, grid-like geometric composition that mirrors LeWitt’s systematic, rule-based instructions, generating a clean, abstract visual pattern directly in the browser.

Wwspwll@gmail.com

87% match

Loading thumbnail…

Fork of Sollewitt repro vertical

This example reworks a Sol LeWitt-inspired wall drawing using the browser’s JavaScript API. It shows a full-window SVG canvas with a single green square rectangle placed at the top-left corner. The code constructs the SVG element and its child rect via `document.createElementNS`, sets their width and height attributes, and appends them to the page body. The visualization focuses on the fundamental process of programmatic SVG generation. A commented-out section hints at a circular mask and layered stripes, but the active code renders only the basic rectangle.

Mmuhmdabdollahi@gmail.com

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

86% match