Sol LeWitt art reproduction - attempt 2

100%

Sol LeWitt art reproduction - attempt 2

✓ Published3🌍 Public

Last edited Jan 31, 2023

Created on Jan 29, 2023

This visualization reproduces a Sol LeWitt art piece using a series of vertical SVG rectangles that span the full height of the viewport. The code creates 100 rectangles, each 10 pixels wide, positioned at intervals of 20 pixels along the x-axis. It uses the Document Object Model (DOM) methods `createElementNS` and `appendChild` to construct the SVG elements programmatically. The rectangles are drawn directly in the browser window, with no external data source, relying entirely on JavaScript and the SVG API to generate the minimalist geometric composition.

AI-generated description

A reproduction of a Sol LeWitt art piece

MIT Licensed

Similar vizzes

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

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

90% match

Loading thumbnail…

Sol LeWitt 2

This example reproduces a Sol LeWitt art piece using raw SVG elements created with the Document Object Model (DOM) API. It generates one hundred vertical rectangles, each ten pixels wide and spaced twenty pixels apart, filling the full height of the browser window. The code uses `document.createElementNS` to construct SVG `<rect>` elements and appends them to an SVG container. The rectangles are drawn programmatically in a loop, without any external data source or visualization library.

CCora

90% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired minimal art piece using SVG, rendering one hundred vertical rectangles in a grid across the full viewport. The code generates each rectangle dynamically via the SVG DOM API, setting its x-position and width while extending its height to cover the screen. The result is a stark, monochrome composition that echoes LeWitt’s geometric aesthetic. No external libraries are used; the implementation relies on native JavaScript and the `createElementNS` method to build the SVG structure.

Aadityapalliyil0@gmail.com

90% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece as a series of thin vertical rectangles. The code generates 100 black SVG `<rect>` elements across the full screen width, each 10 pixels wide and spaced 20 pixels apart, creating a striped pattern. It uses the raw Document Object Model API with `document.createElementNS` and `setAttribute` to construct the SVG dynamically within an HTML page, with no external libraries or data sources.

LLívia Rocha

90% match

Loading thumbnail…

Sol LeWitt Reproduction

This generative art reproduction displays a series of vertical SVG rectangles, each with a fixed width of 10 pixels, spaced 20 pixels apart across the full height of the browser window. It draws a minimalist, grid-based pattern reminiscent of Sol LeWitt’s wall drawings, created procedurally using the JavaScript DOM API `document.createElementNS` to build SVG elements. The code loops to place each rectangle, setting its `x` and `height` attributes dynamically based on the window dimensions, though a loop condition error prevents full execution. The piece relies on raw SVG manipulation rather than a charting library.

Wwasti

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

90% match

Loading thumbnail…

Sol LeWitt Reproduction

This reproduction of a Sol LeWitt drawing generates 100 vertical black rectangles across the full height of the browser window. Each rectangle is positioned at increasing x-coordinates, creating a rhythmic, grid-like pattern reminiscent of LeWitt’s minimal wall drawings. The piece uses the native Document Object Model (DOM) API, specifically `document.createElementNS` and `setAttribute`, to construct SVG elements directly in JavaScript, with no external libraries. The rendering approach sets the SVG width and height to match the window dimensions, resulting in a responsive, full-screen artwork.

Nnim@brejnholt.dk

89% match