Untitled

100%

✓ Published0🌍 Public

Last edited Feb 8, 2023

Created on Feb 8, 2023

Forked from Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece using raw SVG primitives. It shows a static composition of geometric shapes: a blue square, a green circle, a purple ellipse, a diagonal gray line, and red text reading “SVG TEXT,” arranged horizontally. The rendering relies entirely on hand-coded SVG elements within an `index.html` file, using direct `<rect>`, `<circle>`, `<ellipse>`, `<line>`, and `<text>` tags, without any JavaScript or external libraries beyond the declared D3 dependency, which is not actually invoked. The visual output is a simple, flat, non-interactive illustration.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

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

83% match

Loading thumbnail…

Untitled

A minimal SVG visualization from the v3 collection. It creates a blank 960 by 500 pixel SVG canvas using a static HTML page with inline styles. The example demonstrates basic DOM manipulation by appending an SVG element via JavaScript and then leaving it empty; the provided code does not load data or render any visual marks. It relies solely on native Web APIs—`document.createElement` and `document.body.append`—without any external libraries like D3.

Mmphoshabalala

82% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece as an SVG visualization, displaying geometric lines and shapes in the artist’s signature minimal style. The rendering uses raw SVG creation via `document.createElementNS` and manual attribute setting, with a fixed 960×500 canvas. No data is loaded; instead, the code draws the composition directly on the page, mimicking LeWitt’s instructions-based art through procedural placement of strokes. The result is a static, browser-rendered homage that prioritizes visual form.

Ddsims2157

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

82% match

Loading thumbnail…

Untitled

This example demonstrates basic SVG shape drawing and text placement on an HTML page, with a blue background card labeled "Car" and a second canvas of geometric primitives. The visualization shows distinct shapes—circles, rectangles, and lines—each with specific fill colors and strokes, including a purple dashed-bordered circle and a black horizontal line. The code uses raw SVG elements such as `<circle>`, `<rect>`, `<line>`, and `<text>` directly in the markup, styled via external CSS. No JavaScript or data binding is used; the rendering is static SVG with hardcoded coordinates.

Hhuz20

82% match

Loading thumbnail…

Untitled

This example demonstrates basic SVG shape construction on a static HTML page, combining a diagonal line, a rounded rectangle, and a vibrant green circle within a translated group. The visualization labels the shapes as "Rectangle" and "Circle" using monospaced text, while a larger title announces "d3.js 学习 Day01" (D3.js Learning Day 01). The code relies on raw SVG elements—`line`, `rect`, `circle`, `g`, and `text`—styled with inline CSS and attributes like `transform`, `fill`, and `stroke`. No JavaScript libraries are imported; it is a pure HTML/CSS/SVG composition.

Jjexchan

82% match

Loading thumbnail…

Untitled

This example shows a static SVG canvas containing a single blue rectangle with a thick black outline and a circle positioned near its upper-left corner. The HTML document defines the SVG element with explicit width and height attributes, then draws the shapes using basic SVG primitives. The rectangle uses incorrect attribute spellings ("heigth" and "stroke" instead of "height" and "stroke"), while the circle specifies its radius and center coordinates. The visualization demonstrates fundamental vector graphics rendering through raw SVG markup embedded directly in an HTML page without any external libraries or JavaScript.

CCK-Langat

81% match

Loading thumbnail…

Untitled

This example shows a collection of geometric shapes rendered directly in SVG, including circles of varying radii and colors, a navy line from the origin, and a red path with arc and quadratic curve segments. The code uses plain SVG element syntax within an HTML file, with a commented-out rectangle demonstrating how to toggle shapes. Each shape is positioned explicitly via cx, cy, x, y, and path data attributes, and styling is applied through fill, stroke, and stroke-width properties. The visualization is static, with no interaction or data binding, serving as a bare-bones demonstration of basic SVG drawing primitives in a standalone page.

Zzinthaw

81% match