sol l. reprod.

100%

sol l. reprod.

✓ Published1🌍 Public

Last edited Jun 1, 2024

Created on Jun 1, 2024

This example recreates Sol LeWitt’s geometric art by generating a grid of vertical rectangles across the full browser window. Each rectangle is positioned horizontally at regular intervals, with a quarter-width offset, while its height remains fixed at 500 pixels. The rendering uses raw SVG APIs, including `document.createElementNS` and `setAttribute`, to create and style the shapes dynamically. The code calculates spacing based on the viewport’s width and height, adapting the pattern to the display size.

AI-generated description

A recreation of Sol LeWitt's Art

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt minimalist composition using vertically oriented black rectangles arranged in a regular grid across the full browser window. The piece shows an algorithmic interpretation of the artist’s geometric style, with each rectangle consistently spaced and sized. The code uses raw JavaScript and the SVG DOM API, creating elements via `document.createElementNS` and appending them to an SVG canvas. It generates 100 rectangles, each positioned at increasing x-coordinates and spanning the full viewport height, with no external libraries or data sources involved.

Llili463e

88% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric composition using only SVG rendering. It draws 100 vertical rectangles, each 10 pixels wide, positioned at 20-pixel intervals across the full height of the browser window. The rectangles fill the viewport edge to edge, creating a rhythmic, striped pattern. The code creates the SVG element dynamically via `document.createElementNS` and appends each rectangle to it, with the window dimensions determining the overall canvas size.

AAndre J Denais

87% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric composition using a grid of vertical SVG rectangles. The code generates 100 thin, evenly spaced bars that span the full height of the browser window, creating a rhythmic, minimal pattern. It builds the SVG dynamically with the Document Object Model (DOM) API, using methods like `createElementNS` and `setAttribute` to construct and style each rectangle. The visualization responds to the current viewport dimensions, filling the entire screen with its structured, monochrome array.

Aandu006@gmail.com

87% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece as an interactive web page, displaying a series of vertical black bars that repeat across the full height of the browser window. The rendering uses the raw SVG DOM API, creating 100 rectangle elements with `document.createElementNS` and positioning them at 20-pixel intervals. Each rectangle is 10 pixels wide and stretches to the viewport height, producing a clean, minimalist grid pattern that mirrors LeWitt’s geometric style. The code directly manipulates SVG attributes without any additional libraries or data sources.

Hhsleijpen

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

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

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

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

86% match