Skip to main content
SimilarExport ZIP
100%

Sol Lewitt reproduction

✓ Published0🌍 Public
Iilamarzi31@gmail.com
Last edited Aug 23, 2024
Created on Aug 23, 2024

A faithful SVG reproduction of Sol LeWitt's generative artwork, rendered with React. The piece showcases layered geometric forms—including a central arch, linear gradients, and intersecting paths—that demonstrate the artist's systematic approach to visual composition. The code defines precise CSS classes and SVG gradient definitions to recreate the original's distinctive color palette and line quality, with paths stored as compressed coordinate data. The implementation uses an `svg` element with `viewBox` scaling and explicit `linearGradient` stops to achieve the artwork's characteristic gradient transitions.

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

Sol Lewitt SVG Artwork

This example renders geometric SVG artwork inspired by Sol LeWitt, using a React framework with hard-coded SVG elements. The visualization displays a series of colorful, grid-based compositions with varying line patterns, shapes, and color blocks arranged across a 960x500 canvas. The code defines these patterns directly in the SVG markup, creating a static, non-interactive piece that emphasizes the artist's systematic approach to form and color. The rendering relies entirely on native SVG capabilities within the React component structure.

BBelma Besirevic
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
87% 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
86% match
Loading thumbnail…

Sol Lewitt Reproduction

This reproduction of a Sol LeWitt art piece displays generative geometric forms within an SVG canvas. The work uses JavaScript to create algorithmic patterns, though the code primarily contains commented-out tutorial examples exploring variables, functions, and object structures. Rendered as a static SVG graphic with CSS styling, the piece interprets LeWitt's conceptual instructions through code, resulting in a minimalist composition. The implementation relies on standard web technologies—HTML, SVG, and JavaScript—without external libraries, focusing on basic programming constructs rather than advanced visualization APIs.

LLizette Carpenter
85% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWITT-inspired geometric composition using raw SVG and JavaScript. The visualization layers two sets of striped rectangles—one horizontal, one vertical—whose visibility is controlled by circular masks, creating a clean intersection of perpendicular lines within a central circle. The code constructs SVG elements programmatically via `document.createElementNS`, applying masks with a white circle on black and an inverted black circle on white to reveal alternating patterns. No external libraries are used; the rendering relies entirely on native SVG mask and rect primitives.

Aabhineetsingh10
85% match
Loading thumbnail…

Sol Lewitt

A generative art visualization recreates Sol LeWitt’s geometric style by layering 100 horizontal and 100 vertical striped rectangles over the full viewport. Two SVG masks combine to create a central circular window: the horizontal stripes are visible inside a white circle, while the vertical stripes appear outside it. The code builds the SVG programmatically using standard DOM APIs such as `createElementNS` and `setAttribute`, with masks (`mask`, `mask2`) controlling the blend of the two line grids.

Aadonisacruz0@gmail.com
85% match
Loading thumbnail…

Sol LeWitt

This example renders a generative composition inspired by Sol LeWitt using raw SVG creation via JavaScript. It constructs a full-screen SVG and uses two masks to create a circular cutout: one mask reveals vertical stripes outside the circle, while another reveals horizontal stripes inside it. The code manually creates SVG elements using the `document.createElementNS` API and sets attributes directly, without using any external libraries. The result is a static, geometric pattern of 100 vertical and 100 horizontal rectangular stripes that alternate based on their position relative to the central circle.

JJamie
85% match