Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
FFatima
Last edited Jul 27, 2023
Created on Jul 27, 2023

This generative art piece reproduces a Sol LeWitt wall drawing as an interactive web page. It uses JavaScript to dynamically create an SVG canvas that fills the browser window. The code relies on the Document Object Model (DOM) to create and position SVG elements, likely rendering geometric lines or shapes that follow a conceptual rule. The piece is a direct translation of LeWitt's instructions into a computer-generated output.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This example reproduces a Sol LeWitt wall drawing as an interactive visualization, showing how a set of algorithmic rules generates a complex geometric composition. A force-directed layout using `d3.forceSimulation` positions a grid of nodes, while SVG paths are drawn with `d3.line` and `d3.curveBasis` to create the characteristic arcs and straight segments. The code reads a local data file defining the drawing’s parameters and renders them in a browser window, with user interaction via mouse events to pause or restart the simulation. The result is a faithful, animated tribute to LeWitt’s instructions-based art.

MMonWas
85% 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
82% match
Loading thumbnail…

Sol LeWitt reproduction Vertical

A web-based reproduction of Sol LeWitt's wall drawing, rendered as a full-screen SVG using programmatic JavaScript. The piece displays a grid of thin, alternating horizontal and vertical gray bars, with a circular mask that inverts the contrast in the center, creating a subtle optical effect. It uses the raw SVG DOM API (`createElementNS`) to build elements, applying two masks (`circle-mask` and `circle-mask2`) to control visibility. The design is generated entirely in code, with no external libraries, drawing 100 horizontal and 100 vertical rectangles.

DDilara Bozkurt
81% match
Loading thumbnail…

Sol LeWitt Reproduction

This generative art reproduction displays a series of vertical SVG rectangles, each with a fixed width of 10 pixels, spaced 20 pixels apart across the full height of the browser window. It draws a minimalist, grid-based pattern reminiscent of Sol LeWitt’s wall drawings, created procedurally using the JavaScript DOM API `document.createElementNS` to build SVG elements. The code loops to place each rectangle, setting its `x` and `height` attributes dynamically based on the window dimensions, though a loop condition error prevents full execution. The piece relies on raw SVG manipulation rather than a charting library.

Wwasti
81% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This is a generative art piece that reproduces a Sol LeWitt wall drawing using JavaScript and the Document Object Model (DOM) to create SVG elements. It shows a grid of horizontal and vertical lines, with a central circular region where the line pattern is inverted. The code uses a combination of SVG masks with white and black circles to control which sets of lines are visible in the center versus the rest of the canvas. The lines are drawn as rectangular strips, with spacing and stroke width derived from the browser window's dimensions.

SSalahAnwer-dev
81% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece as an interactive web page, displaying a series of vertical black bars that repeat across the full height of the browser window. The rendering uses the raw SVG DOM API, creating 100 rectangle elements with `document.createElementNS` and positioning them at 20-pixel intervals. Each rectangle is 10 pixels wide and stretches to the viewport height, producing a clean, minimalist grid pattern that mirrors LeWitt’s geometric style. The code directly manipulates SVG attributes without any additional libraries or data sources.

Hhsleijpen
81% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing as an interactive web visualization. It shows a grid of narrow horizontal and vertical lines that intersect, with a circular area in the center where the lines disappear. The piece is built using raw SVG manipulation in JavaScript, creating two masks—one with a black rectangle and white circle, another with a white rectangle and black circle—to selectively hide line segments. Horizontal and vertical rectangles are then generated in a loop and assigned to these masks, producing the final composition. The code uses the SVG namespace API and basic DOM methods.

DDzenad
81% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces the geometric wall drawings of Sol LeWitt as an interactive SVG canvas. The work displays a large 960 by 500 pixel field of repeating line patterns, exploring variations in stroke direction, weight, and density across distinct rectangular regions. The rendering uses a single `<svg>` element populated entirely through JavaScript console output, with no external libraries. The code defines the canvas dimensions and clears the body margins, but the actual drawing logic is minimal, appearing only as a placeholder `console.log(5)` statement, leaving the visual pattern static and underdefined.

MMartina Dossi
81% match