Sol Lewitt Walkthrough

100%

Sol Lewitt Walkthrough

✓ Published0🌍 Public

Last edited Jan 7, 2023

Created on Jan 7, 2023

The Sol Lewitt Walkthrough is a demonstration of SVG shapes that recreates the geometric wall drawings of artist Sol LeWitt. It presents a clean, minimalist composition of black lines and forms on a white background, filling a 960 by 500 pixel canvas. The visualization uses raw SVG elements within an HTML document, structuring the artwork through static shape tags rather than dynamic data. The code relies on the browser’s native SVG rendering and the `document` API for layout, with no external libraries or animation logic, emphasizing the algorithmic nature of LeWitt’s instructions.

AI-generated description

A demonstration of SVG shapes.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol le Witt practice

This example reproduces a Sol LeWitt wall drawing using SVG. It shows a static geometric composition of lines and shapes, exploring the artist's algorithmic approach to visual form. The sketch uses an SVG canvas set to 960 by 500 pixels, with basic HTML and JavaScript structure. The current code only initializes the drawing area and logs a message to the console, without yet implementing the drawing logic or any data-processing libraries.

Ppanthabuddhi@gmail.com

82% match

Loading thumbnail…

Sol LeWitt in vanilla js

Sol LeWitt’s geometric wall drawing is recreated as an abstract composition of green rectangles and small black tick marks on a white field. The page renders entirely through static SVG elements, with no JavaScript logic driving the layout. The artwork uses hard-coded coordinates and fills to mimic the artist’s systematic, rule-based style, presenting a faithful, non-interactive data-visualization homage in a bare HTML document.

Rrwata97

82% match

Loading thumbnail…

My Example Sol lewitt

This example recreates a Sol LeWitt wall drawing in SVG. The piece shows a grid of geometric shapes, using a minimal black-and-white palette to echo the artist's instructional style. The code uses raw SVG elements within a 960 by 500 canvas, generated without external libraries. The rendering directly implements the drawing's systematic, rule-based composition, using only the built-in SVG API.

Ssz2036

82% match

Loading thumbnail…

Sol LeVitt

A red circle with horizontal white stripes and vertical white stripes creates a grid-like pattern, demonstrating a minimalist geometric composition. The artwork uses inline SVG elements within an HTML page, including a circle filled with red and rectangles filled with white to form the stripes. The SVG canvas is fixed at 400 by 400 pixels, with the circle positioned accordingly. This example showcases how basic SVG shapes can be combined to recreate the visual style of Sol LeWitt's wall drawings, using only HTML and CSS with no JavaScript.

MmyN3RD

82% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWITT wall drawing as an interactive SVG visualization. The page renders a 960-by-500 SVG canvas and uses plain CSS and JavaScript, with React as the framework, to generate geometric shapes. The drawing consists of vertical and horizontal lines in a grid pattern, executed in black and white. The code includes a minimal HTML wrapper and a script that logs to the console, but the core geometry is defined through the SVG elements. The rendering relies on React’s component structure and SVG’s native shape primitives to compose the artwork.

BBenLeathers

82% match

Loading thumbnail…

Sol LeWitt Reproduction

This reproduction of a Sol LeWitt wall drawing uses SVG paths to render geometric forms based on the artist’s instructional artworks. The drawing comprises gray-filled outer paths and black stroked lines, all defined with SVG `path` elements. The code uses a raw SVG element with embedded CSS for styling. Generated via JavaScript in an HTML page, the piece shows a strict geometric composition without interactive behavior or data input, serving as a static homage to LeWitt’s rule-based visual systems. The rendering is entirely code-driven, with no external JavaScript libraries employed.

AAlex Georgiev

81% match

Loading thumbnail…

Sol Lewitt Reproduction

This example reproduces a Sol LeWitt wall drawing as an interactive SVG visualization. It renders 100 vertical rectangles, each 10 pixels wide, evenly spaced across the full viewport height. The code uses the SVG API to create and append each rectangle dynamically via `document.createElementNS`. All shapes are generated procedurally without an external dataset, directly mimicking LeWitt’s geometric style. The result is a minimalist, full-screen composition that fills the browser window.

KKathleen Johnston

81% match

Loading thumbnail…

LeWitt Recreation w/ JS & SVG

A minimalist digital recreation of Sol LeWitt's geometric wall drawings uses JavaScript and SVG to layer a grid of black rectangles over a large white circle and a contrasting white rectangle over a black circle, with two SVG masks controlling visibility. The code constructs all shapes dynamically via DOM creation methods like `createElementNS` and `setAttribute`, requiring no external libraries, and renders at full window dimensions. The masks invert the patterns, producing an interplay of intersecting horizontal and vertical lines across the canvas.

MMarvin Frede

80% match