ag17@tutanota.de

@t107b·3 public vizzes

Fork of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece by generating a grid of horizontal and vertical bands that intersect within a circular boundary. It shows how simple geometric repetition creates a complex moiré-like pattern, with the circle acting as a focal point where the two orientations overlap. The code builds SVG elements dynamically using raw JavaScript and the DOM API, drawing rectangles at fixed 20-pixel intervals and applying two SVG masks—one to reveal the horizontal stripes inside the circle and another to show vertical stripes outside it. It imports `selection` from the D3 library, though the rendering relies entirely on manual SVG creation rather than D3’s data-binding methods.

Jan 9, 2024

Loading thumbnail…

Sol LeWitt ReproductioN

This piece reproduces a Sol LeWitt wall drawing as an interactive SVG composition. It shows a grid of horizontal and vertical black lines that intersect across the full browser window, except within a circular mask centered on the screen. The code uses raw JavaScript to construct and append SVG elements, creating 100 horizontal and 100 vertical rectangles. Only the horizontal lines are clipped by the mask, which is defined using the SVG `mask` element and referenced via the `url(#circle-mask)` attribute, leaving the vertical lines unbroken. The work is generated entirely from the code’s geometry, echoing LeWitt’s instruction-based art.

Jan 5, 2024

Loading thumbnail…

Fork_of_Fork_of_HTML_Starter

This example displays a set of basic SVG shapes—a circle, a red circle, a green rectangle, a navy line, and a blue path—arranged on a 1000×1000 canvas. The code uses raw HTML and inline SVG elements, including `circle`, `rect`, `line`, and `path`, without any JavaScript libraries. It demonstrates the foundational syntax for static vector graphics, with shapes positioned via absolute coordinates and styled using attributes like `fill` and `stroke`. The rendering is entirely declarative, showing how primitive shapes compose a simple composition directly in the browser.

Jan 3, 2024