Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction Vertical

✓ Published0🌍 Public
MMaurice Huang
Last edited May 10, 2022
Created on May 10, 2022

This reproduction of a Sol LeWitt art piece renders a single small square in the upper-left corner of a 960 by 500 SVG canvas. The drawing uses raw SVG elements created via the Document API, specifically `createElementNS` for the `svg` and `rect` nodes, with no external libraries. The static composition does not implement any interactive behavior or algorithmic generation, showing only the minimal geometric form from the original conceptual artwork.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by rendering a single vertical black rectangle against a blank canvas, echoing the minimalist geometric style of the original work. The code creates an SVG element sized to the full browser window and appends a rectangle positioned 100 pixels from the left, with a width of 10 pixels and a height matching the viewport. It uses the raw DOM APIs `createElementNS` and `appendChild` to build the SVG structure without any external libraries. The piece highlights the simplicity of SVG-based drawing, focusing on the interaction between the fixed shape and the responsive window dimensions.

JJulio Costa
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt-style geometric composition, displaying a single large circle centered on a blank, full-window canvas. The artwork uses a vertical orientation, with the circle’s radius fixed at 100 units and its height set to match the window’s height. The code creates an SVG element via the standard DOM API, appending it to the document body without any external libraries or data sources. The piece focuses on the minimal, algorithmic aesthetic of LeWitt’s wall drawings, rendered purely through JavaScript and raw SVG creation.

MMohammed
88% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This piece reproduces a minimalist Sol LeWitt drawing, showing a grid of vertical and horizontal line segments through a circular central cutout. The artwork is rendered entirely with SVG elements created programmatically via the DOM API. The HTML creates two circular masks—one to hide a section of horizontal lines and another to hide vertical lines—revealing the overlapping grid structure.

HHamim Rahman
88% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

A fork of Sol LeWitt’s art reproduction renders a black-and-white geometric composition using SVG. The code creates a full-screen SVG canvas and defines two circular masks, one with a black background and white circle, the other inverted, to frame the drawing. It then generates 100 horizontal rectangles, each 10 pixels tall, stacked vertically at 20-pixel intervals, applying the first mask to each rectangle. The result is a series of striped horizontal bands that appear only inside the circular viewing area, leaving the surrounding canvas blank.

Aavimonnuarnob
87% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using raw SVG. A circular mask reveals a set of horizontal, evenly spaced rectangles that span the full width of the viewport, creating a striped pattern confined to a central circle. The code constructs the SVG dynamically via the `document.createElementNS` API, setting the mask’s circle radius to 200 pixels and drawing 100 rectangles at 20-pixel intervals with 10-pixel heights. No external libraries are used; the rendering relies entirely on native browser SVG elements and attributes.

Mmatrice-one
87% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction Vertical

This example reproduces Sol LeWitt’s minimalist wall drawing as an interactive SVG composition. It generates a grid of alternating horizontal and vertical rectangles, with a circular mask revealing only the central region of the layered shapes. The code uses the DOM API’s `createElementNS` to construct SVG elements directly, setting attributes like `width`, `height`, and `mask` programmatically. No external libraries are required, and the rendering adapts to the full browser viewport, creating a stark black-and-white geometric pattern inspired by the artist’s systematic approach.

WWasanta Pruttisarikorn
87% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using raw SVG and JavaScript, showing a grid of vertical lines confined to a circular region at the center of the screen. The code creates an SVG mask with a white rectangle and black circle, then applies that mask to a series of thin vertical rectangles spaced every 20 pixels across the viewport. The result is a minimalist geometric composition where the line grid is visible only inside the circular window, mimicking LeWitt’s systematic drawing style.

Mmegan-grannan
87% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This fork of a Sol LeWitt reproduction renders a minimalist geometric composition using raw SVG and the DOM API. It shows a circular mask centered on the viewport, with a white outer ring and black inner circle, through which 100 horizontal striped rectangles are displayed. Each rectangle is created with `document.createElementNS`, assigned a fixed height and y-position, and clipped using an SVG `mask` element. The piece relies entirely on JavaScript and SVG primitives rather than any external libraries or datasets.

Zzaioris
86% match