Sol Lewitt Reproduction

100%

Sol Lewitt Reproduction

✓ Published0🌍 Public

Last edited Aug 1, 2024

Created on Aug 1, 2024

This example demonstrates basic SVG shape construction in a 960×500 viewport, using raw SVG elements without any external libraries. It shows two overlapping red and green circles at the same coordinate to illustrate layering, a navy diagonal line from the top-left corner, a horizontal path drawn as a rounded rectangle outline, and an unclosed black polyline with a right-angle bend. The code renders directly in the browser via inline `<svg>` markup, with commented-out elements indicating exploration of rectangle styling. It also embeds a YouTube video about SVG fundamentals for reference.

AI-generated description

A demonstration of SVG shapes.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt–style drawing using raw SVG shapes to explore layering and spatial composition. The SVG canvas displays overlapping red and green circles, a thick navy diagonal line, a black polyline, and a smooth gray curved path, demonstrating how basic geometric primitives combine to form an abstract graphic. The code defines each shape directly in the HTML markup using SVG elements such as `<circle>`, `<line>`, and `<path>`, with attributes for fill, stroke, and coordinates. No external libraries or datasets are used; the rendering relies entirely on static SVG declarations.

PPablo Machado

91% match

Loading thumbnail…

Sol

This example demonstrates basic SVG shape elements and their rendering order in a 960x500 viewport. It shows overlapping circles with different radii and fill colors, a diagonal line, and a curved path with explicit stroke styling, while a commented-out rectangle illustrates how elements can be temporarily disabled. The code uses raw SVG markup embedded directly in HTML, with circles, lines, and paths defined via their geometric attributes and presented through the browser's native SVG rendering. No external JavaScript libraries or data sources are involved, and the composition remains a static demonstration of primitive vector graphics.

RRan Li

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

86% match

Loading thumbnail…

Sol Lewitt Reproduction - SVG

This example reproduces a Sol Lewitt conceptual drawing using only SVG and JavaScript. It renders two sets of horizontal and vertical striped rectangles that are masked to reveal a central circle, with each line pattern clipped differently to create the interplay of shapes. The code dynamically generates SVG elements via the DOM API, using masks and circles to control visibility, and adapts the artwork to the full browser window dimensions.

AAdil Zeshan

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

85% match

Loading thumbnail…

Sol Lewitt reproduction

This example demonstrates the foundational construction of SVG graphics through JavaScript. It shows a single blue square rendered on an HTML page, created programmatically using the Document Object Model (DOM) API. The code first creates an SVG element with specified dimensions and a border, then appends a rectangle with set coordinates, size, and fill color using `createElementNS` and `setAttribute` methods. The example serves as a basic introduction to the SVG library's core functionality for positioning and styling shapes.

Aaaron.00366@gmail.com

85% match

Loading thumbnail…

Sol Lewitt Reproduction

This example reproduces a Sol LeWitt-style drawing using SVG and JavaScript. It displays a grid of vertical and horizontal stripes that are visible only within a central circle, creating an intersection pattern. The code uses the Document Object Model (DOM) to create SVG elements, including masks, rectangles, and circles. Two circular masks with contrasting fills control where each set of stripes is revealed, demonstrating a generative art technique with a clean, geometric output.

VVincent Leduc

83% match