Sol LeWitt Repro

100%

Sol LeWitt Repro

✓ Published1🌍 Public

Last edited Aug 2, 2024

Created on Jul 31, 2024

This piece renders ten concentric circles in an SVG, creating an abstract geometric composition inspired by Sol LeWitt. The circles are centered horizontally and anchored at the bottom of the viewport, with their radii increasing in a linear progression. The rendering uses the SVG API directly, creating elements via `document.createElementNS` and setting attributes such as `cx`, `cy`, `r`, and `stroke-width`. The stroke width is proportional to the circle spacing, producing a clean, rule-based visual pattern. The code generates the artwork programmatically without any external data source.

AI-generated description

Exercise of Sol LeWitt Reproduction

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt reproduction

This piece reproduces a Sol LeWitt wall drawing using JavaScript to generate SVG elements dynamically. It displays a composition of horizontal and vertical striped rectangles that form a distinct circular pattern at the center of the viewport. The rendering uses two SVG masks, `inner-circle-mask` and `outer-circle-mask`, to control the visibility of the 100 horizontal and 100 vertical `<rect>` elements, which are sized relative to the window’s dimensions. The code relies on basic SVG APIs such as `createElementNS`, `setAttribute`, and `appendChild` to construct the artwork.

AAngela Kochoska

88% match

Loading thumbnail…

Sol LeWitt reproductions

This example uses JavaScript and the SVG API to generate a geometric piece inspired by Sol LeWitt. It shows a grid of black vertical bars overlaid with repeating diagonal patterns of black and white circles, creating a sense of systematic repetition. The code creates SVG elements directly with `document.createElementNS`, setting attributes to position 100 rectangles and multiple circle rings across the full viewport. No external libraries are used; the rendering is purely procedural, and the visualization is static, with no interactivity or data input.

Llieta96

87% match

Loading thumbnail…

Sol LeWitt Reproduction

This reproduction of a Sol LeWitt art piece uses overlapping circles, a line, and two SVG paths to explore geometric composition. The SVG displays a red circle with a smaller green circle centered inside it, a navy diagonal line from the top-left corner, and a rectangular outline formed by a path. A second black path with no fill creates a right-angled line. The code relies on plain SVG elements such as `circle`, `line`, and `path`, with no external libraries, using fixed coordinates and stroke widths to define the artwork. A commented-out yellow rectangle indicates an iterative design process.

Aadriana-ss

86% match

Loading thumbnail…

Sol LeWitt Reproduction

This reproduction of a Sol LeWitt artwork displays a set of geometric SVG primitives, including circles, lines, and text, arranged in a minimalist composition. The piece shows how basic shapes with varied fills, strokes, and positions can evoke the artist's conceptual style. The rendering uses raw SVG elements within an HTML document, specifying coordinates, colors, and stroke widths directly in the markup. No external libraries are used, relying instead on the native SVG API to create the drawing.

Rrune@noergaard.dk

86% match

Loading thumbnail…

Sol LeWitt Reproduction

The piece reproduces a Sol LeWitt drawing as an interactive SVG, showing a large circular area filled with dense vertical and horizontal bars that shift in orientation. The rendering stacks black grid lines across the full canvas, then applies an SVG mask to reveal only the bars inside the circle’s boundary. The circle is then rotated via an SVG transform, with the mask defined in the `http://www.w3.org/2000/svg` namespace. All geometry is computed from the browser’s window dimensions, and the artwork is generated entirely through the DOM API (`createElementNS`, `setAttribute`).

Bbjfmbeck

86% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired drawing using only browser-native SVG and JavaScript. It shows a field of thin blue horizontal lines covering the full viewport, overlaid with a row of concentric white circles, and one fully filled white circle at the center. The code creates these shapes imperatively via the SVG DOM API, appending `rect` and `circle` elements inside a loop. It uses `document.createElementNS` for SVG namespace creation and `setAttribute` for geometry, with dimensions tied to `window.innerWidth` and `innerHeight`.

Aainhoadieruiz@gmail.com

85% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a minimalist geometric composition in the style of Sol LeWitt, using only basic SVG shapes positioned within a scaled coordinate system. It shows a grid-like arrangement of circles and rectangles in varied colors, strokes, and fills, including a group with a light blue fill and black outline, and a separate group of hand-drawn lines and paths with rounded joins. The rendering relies on raw SVG elements (`circle`, `rect`, `line`, `path`) and transform attributes, with CSS classes controlling stroke width and path-specific colors. No external libraries or data sources are used; all styling is inline or via the linked `styles.css` file.

AAize Igbinakenzua

85% match

Loading thumbnail…

Sol LeWitt reproduction

This example reproduces a Sol LeWitt wall drawing as an SVG visualization. It shows a geometric composition of parallel lines and arcs within a square boundary, following the artist’s instructional aesthetic. The rendering is generated procedurally using plain JavaScript within an inline `<script>` tag, targeting an SVG element with fixed width and height. The code does not rely on external libraries or data sources; instead, it draws the artwork directly through SVG coordinates and path commands. The result is a clean, minimalist interpretation of LeWitt’s conceptual art, emphasizing rule-based visual output over data-driven input.

DDilara Bozkurt

85% match