Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction

✓ Published0🌍 Public
FFiona0229
Last edited May 22, 2022
Created on May 22, 2022
Forked from HTML Starter

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.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

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
92% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a minimalist Sol LeWitt-style drawing using an SVG canvas that fills the browser window. It generates 100 vertical rectangular stripes, each 10 pixels wide and spaced 20 pixels apart, spanning the full height of the viewport. The code creates SVG elements dynamically via the `createElementNS` API and sets attributes like `x`, `width`, and `height` directly, without any external libraries. The rendering approach relies purely on JavaScript and SVG, with no data source or interaction beyond the static geometric composition.

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

Sol LeVitt Reproduction

This example reproduces a Sol LeWitt-style geometric drawing using React and SVG. It shows a grid of colored squares and rectangles arranged in a pattern reminiscent of the artist’s instructional wall drawings. The code renders the SVG with fixed dimensions and uses standard React components to manage the layout. It does not employ any data-viz libraries; instead, it relies on plain JavaScript logic to compute the shapes, with a simple data object demonstrating basic variable handling.

Sstefano@nava.ch
88% 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
88% match
Loading thumbnail…

Sol Lewitt Reproduction

This piece is a generative art reproduction of a Sol LeWitt wall drawing, rendered as an SVG. The composition uses a constrained, systematic arrangement of lines and shapes to evoke the artist's conceptual style. Built with React, the programmatically generated SVG leverages the framework's declarative structure to construct the vector-based artwork. The reproduction demonstrates how computational methods can reinterpret the rules-based aesthetics of minimalist art within a modern web development context.

Ssavalifestus75@gmail.com
88% 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
87% match
Loading thumbnail…

Sol LeWitt

This example generates a minimalist SVG composition inspired by Sol LeWitt, displaying 100 vertical rectangles evenly spaced across a 960-by-500-pixel canvas. Each rectangle maintains a fixed width of 10 pixels and spans the full height of the canvas, creating a rhythmic, striped pattern. The visualization is built programmatically using raw JavaScript and the SVG API, specifically creating SVG elements via `document.createElementNS` and appending them to the document. No external libraries are used; the rendering relies entirely on native browser support for SVG and scripting.

NNikki Masroor
87% match