Sol LeWitt Exercise

100%

Sol LeWitt Exercise

✓ Published0🌍 Public

AARQz1947

Last edited Jul 3, 2023

Created on Jul 3, 2023

A reproduction of a Sol LeWitt art piece uses custom JavaScript in an empty HTML page to draw geometric patterns directly onto the Canvas API, with no external libraries. The code renders lines and shapes procedurally, mimicking LeWitt’s wall drawings through algorithmic placement and repetition. The page resets its margins and hides overflow to present the artwork full-screen. The rendering approach focuses on pure geometry and line work, echoing LeWitt’s instructional, rule-based aesthetic without relying on data inputs or simulation libraries.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt exercise

A reproduction of a Sol LeWitt wall drawing renders hundreds of thin blue horizontal lines across a full-screen SVG canvas. The piece generates 300 rectangles, each two pixels tall, stacked vertically to fill the viewport. It uses raw JavaScript to create SVG elements via `document.createElementNS`, setting `width`, `height`, and `y` attributes dynamically. There is no data input; the visual is algorithmic, derived from a loop with a fixed count. The result emphasizes repetition and systematic variation characteristic of LeWitt’s conceptual art, mirroring his instructions for generative line work.

Aainhoadieruiz@gmail.com

87% match

Loading thumbnail…

Sol LeWitt Reproduction

This reproduction of a Sol LeWitt art piece uses an SVG canvas to display a geometric, rule-based composition. The visualization shows a grid of intersecting lines and shapes that mimic LeWitt’s algorithmic style, with the code relying on basic JavaScript to generate the pattern programmatically. The rendering uses the SVG `width` and `height` attributes, while the script defines simple functions and variables to control the placement and repetition of forms. Although the provided HTML includes commented-out code for adding numbers or objects, the active script does not yet implement any interactive or dynamic behavior, leaving the static drawing as the core output. The approach highlights how minimal coding can emulate conceptual art.

IIndranil Biswas

86% match

Loading thumbnail…

Sol LeWitt Four Lines

This example reproduces a Sol LeWitt wall drawing using only HTML and JavaScript. It shows a grid of black horizontal and vertical lines intersecting within two circular areas at the center of the canvas. The rendering relies on the Document Object Model (DOM) to create SVG elements programmatically, including `<rect>` elements for the lines and `<mask>` elements to clip the lines into circular shapes. No external libraries are used; the design is generated with a pair of nested loops to fill the entire viewport with the alternating line patterns.

SSam Hege

84% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt wall drawing using purely geometric forms: a series of vertical rectangles evenly spaced across the full browser window. It renders 100 thin, black bars, each 10 pixels wide and as tall as the viewport, using raw SVG elements created and appended via the Document Object Model (DOM) API. The code does not use any D3 functions or libraries, instead relying on native JavaScript to set the width, height, and position of each rectangle. The piece emphasizes minimal, systematic repetition, echoing LeWitt’s instructional art, with the final output being a static, monochrome composition.

MMatheesha Yapa

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

84% match

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

84% match

Loading thumbnail…

Sol LeWitt Reproduction - Vertical Lines

This example reproduces a Sol LeWitt drawing using JavaScript and the SVG API. It creates a full-screen SVG canvas and draws 100 vertical black rectangles, each 10 pixels wide and spaced 20 pixels apart, with no horizontal variation. The code uses `document.createElementNS` and `setAttribute` to generate the rectangles dynamically. The piece directly references LeWitt's instruction-based art, presenting a simple, systematic grid of vertical lines that fills the entire browser window, adapting to its dimensions.

Aajoua

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

84% match