Fork of Sol LeWitt Reproduction

100%

Fork of Sol LeWitt Reproduction

✓ Published0🌍 Public

Last edited Sep 4, 2024

Created on Sep 4, 2024

This example renders a 960-by-960 SVG canvas and draws a single 100-by-100 rectangle in the top-left corner. It reproduces a Sol LeWitt art piece using the SVG API directly, creating elements with `document.createElementNS` and appending them to the page. The code is minimal, showing the initial stage of the geometric artwork without additional styling or interaction.

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

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction Vertical

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.

MMaurice Huang

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using an SVG created dynamically in JavaScript. The code creates a blank canvas by appending an SVG element to the page body. It relies on native DOM methods like `document.createElement` and `document.body.appendChild` to render the artwork, with no external libraries or data sources beyond the author’s original implementation. The visualization is minimal, focusing on geometric composition inspired by LeWitt’s conceptual style.

PPriyanshu Sahu

90% match

Loading thumbnail…

Fork of Sol Lewitt Reproduction

This example reproduces a Sol Lewitt-inspired drawing using a full-window SVG canvas. It generates 100 vertical rectangles, each 10 pixels wide, spaced 20 pixels apart and extending the full height of the viewport, creating a striped pattern. The code creates the SVG element with `createElementNS` and appends it to the document body, then iterates with a JavaScript loop to add each `<rect>` node directly. The visualization demonstrates basic SVG shape construction and DOM manipulation without external libraries or data sources.

Ssirenajbpearl@gmail.com

89% 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 example reproduces a Sol LeWitt art piece using raw SVG and JavaScript. It shows a grid of overlapping horizontal and vertical bands, where a circular area in the center is masked to reveal only the vertical lines, while the outer region displays only the horizontal ones. The code builds the SVG via `document.createElementNS`, creates two SVG `<mask>` elements with circle and rect primitives to control visibility, and renders 100 rectangles per axis. No external libraries are used; the rendering entirely relies on native browser SVG APIs.

PPurshotam Bohra

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

88% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using an SVG rendering approach. The visualization displays a grid of horizontal and vertical lines that are masked to create concentric circular patterns at the center of the viewport. The code dynamically generates 100 rectangular strips for each orientation, using inline SVG mask elements to clip the lines into the circular shapes. The piece runs entirely with native JavaScript DOM manipulation, creating the `svg`, `rect`, `mask`, and `circle` elements without external libraries.

AAdekola Aliu

88% match