Sol LeWitt Reproduction

100%

Sol LeWitt Reproduction

✓ Published0🌍 Public

Last edited Mar 23, 2023

Created on Mar 23, 2023

Forked from Untitled

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.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction

This example generates a graphical composition inspired by Sol LeWitt’s wall drawings. An empty SVG canvas of 960 by 500 pixels is set up, and the page uses a simple HTML structure with a JavaScript console message. The visualization relies on the SVG API for its rendering, as defined in the `index.html` file, and uses the framework React, although no drawing logic is visibly implemented in the provided code. It is a minimal starter that references a React starter template for further development.

FFiona0229

92% match

Loading thumbnail…

Sol LeWitt Reproduction

This piece reproduces a Sol LeWitt wall drawing as an interactive SVG. It shows the geometric composition of lines and shapes rendered at a fixed size of 960 by 500 pixels. The implementation uses plain SVG elements and JavaScript, with no external libraries. The drawing is generated purely through code inside the `index.html` file, and the page’s body and SVG are styled to remove default margins and hide overflow, presenting the artwork edge-to-edge. The code itself does not specify the algorithm or data source beyond the SVG structure.

RRyan Riley

92% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece as an SVG drawing, using a 960-by-500 canvas. The code creates a new SVG element via the DOM and appends it to the body, with the page’s CSS setting a full-bleed layout. The rendering relies solely on the SVG API and JavaScript’s `document.createElement`; no external visualization libraries are used. The artwork’s geometric composition is generated directly in the script, though the specific drawing instructions are not shown in the visible snippet.

Bbtlhgboy@icloud.com

91% match

Loading thumbnail…

Sol Lewitt Reproduction

This example reproduces a Sol LeWitt wall drawing as a single static SVG rectangle, using a plain SVG element with a width and height set to 960 by 500 pixels. The code manually creates the SVG and a 100-by-100 rect child via the Document Object Model’s `createElementNS` method, relying on raw JavaScript rather than a charting library. It demonstrates basic SVG rendering with a fixed canvas, though the script appends the rect to the SVG before the document’s existing SVG is used, resulting in a minimal structural output. The work shows how geometric abstraction can be encoded directly through SVG API calls.

DDavid Hojdan

91% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece as a static SVG canvas. It shows a black-and-white geometric composition based on the artist’s instructional wall drawings, rendered with abstract lines and shapes. The code sets up an SVG element with fixed dimensions and uses a JavaScript script that logs basic console output, but it does not yet contain any drawing instructions or data-visualization logic. The rendering approach is plain SVG, with the structure prepared for future generative or instructional drawing code.

Zzerzenka

91% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece as an SVG visualization, displaying geometric lines and shapes in the artist’s signature minimal style. The rendering uses raw SVG creation via `document.createElementNS` and manual attribute setting, with a fixed 960×500 canvas. No data is loaded; instead, the code draws the composition directly on the page, mimicking LeWitt’s instructions-based art through procedural placement of strokes. The result is a static, browser-rendered homage that prioritizes visual form.

Ddsims2157

90% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using only SVG primitives and CSS masking, with no external data. It displays a grid of alternating horizontal and vertical stripes over the full viewport, clipped to reveal two overlapping circular forms at the center. The code builds SVG elements directly via the DOM API, creating 100 horizontal and 100 vertical rectangles. Two SVG masks—one inverting the other—combine to produce the layered visual effect, while d3 is listed as a dependency but not used in the logic.

NNikki Masroor

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

90% match