Fork of Sol Lewitt Reproduction mid point

100%

Fork of Sol Lewitt Reproduction mid point

✓ Published0🌍 Public

Last edited May 1, 2024

Created on May 1, 2024

This visualization reproduces Sol LeWitt's geometric wall drawings using programmatically generated vertical stripes. Two identical loops of 100 thin rectangles each are rendered atop one another, creating a dense, rhythmic pattern of black lines across the full height of the browser window. Built with the native SVG API in JavaScript, the code creates elements via `document.createElementNS` with `'http://www.w3.org/2000/svg'`, setting each rectangle’s position and dimensions through `setAttribute`. The canvas dynamically adapts to the viewport dimensions using `window.innerWidth` and `window.innerHeight`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Fork of Sol Lewitt Reproduction vertical

This example reproduces a Sol LeWitt-inspired drawing using raw SVG and JavaScript without any external libraries. It renders two sets of overlapping rectangles: 100 horizontal stripes and 100 vertical stripes, both evenly spaced across the full window size. A circular mask, defined via the SVG `mask` element, restricts visibility of the horizontal stripes to a centered circle, creating a layered geometric effect. The code dynamically creates SVG elements using `document.createElementNS` and appends them to the page, with all dimensions derived from `window.innerWidth` and `window.innerHeight`.

HHéloïse Feldmann

90% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction mid point one

This example is a generative art piece that reproduces a Sol LeWitt-style drawing, featuring a circular grid of horizontal and vertical lines. The visualization uses SVG elements created programmatically with vanilla JavaScript, without any external libraries. A circular mask, defined via the SVG `mask` element, is applied to the horizontal lines so that they only appear inside the circle, while the vertical lines span the full canvas. The code calculates the viewport dimensions from `window.innerWidth` and `window.innerHeight` to generate 100 of each line type, creating a minimalist geometric pattern.

GGbemiga Atolagbe

90% match

Loading thumbnail…

Fork of Sol Lewitt Reproduction Vertical 2

This visualization reproduces a Sol LeWitt-inspired drawing using vertical black bars, with a circular mask that creates a clear central window against a white background. The code generates 100 evenly spaced rectangles, each 10 pixels tall, and applies a mask containing a 200-pixel-radius circle. The piece uses raw SVG elements created via the Document Object Model API, setting the mask’s rect to white and circle to black to control visibility. It dynamically sizes to the browser window, adapting the composition to the full viewport.

Eelgato_1994

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

89% match

Loading thumbnail…

Fork of Sol LeWitt 2

This example reproduces a Sol LeWitt wall drawing as an abstract, geometric visualization. It shows a series of 100 thin, horizontal rectangles stacked vertically across the full height of the browser window, forming a simple striped pattern. The piece is rendered using the SVG API, creating each `rect` element dynamically via `document.createElementNS`. The code sets the width of each rectangle to match the viewport width, while the vertical position and height are determined by a loop increment, producing a clean, repetitive composition in the style of the original artwork.

Jjisu9393@naver.com

89% match

Loading thumbnail…

Fork of Fork of Sol Lewitt Reproduction Vertical 3

This visualization generates a grid of horizontal and vertical rectangles on an SVG canvas. A circular mask, created with SVG mask elements, reveals a portion of the horizontal stripes while the vertical bars remain fully visible. The piece uses the Document Object Model (DOM) API to create and append SVG elements, with dimensions based on the browser window size. The composition is a generative reproduction inspired by Sol LeWitt’s wall drawings.

Eelgato_1994

89% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This is a generative art piece that recreates a Sol LeWitt wall drawing as a grid of horizontal and vertical striped bands. The artwork is composed of 100 horizontal rectangles and 100 vertical rectangles, where a circular mask is applied to each set—a white circle on a black background for the horizontal lines, and a black circle on white for the vertical lines. Using raw JavaScript and SVG DOM manipulation via `document.createElementNS`, the code constructs the full-screen canvas dynamically. The work directly references LeWitt’s geometric style, using algorithmic repetition to explore how overlapping line orientations interact within a circular boundary.

TteerthSatwara

88% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces Sol LeWitt’s geometric art by layering 100 horizontal and 100 vertical stripes across the full screen. A circular mask in the center reveals only the horizontal stripes inside the circle, while an inverted mask outside the circle shows the vertical stripes. Using the SVG API, the code creates mask elements, rectangles, and circles programmatically, with each stripe set to a fixed width or height of 10 pixels. The rendering is entirely vector-based, driven by raw JavaScript and DOM manipulation without external libraries.

Jjustinhersom@gmail.com

88% match