Gist 6481531

100%

✓ Published0🌍 Public

Last edited Sep 8, 2013

Created on Sep 8, 2013

This piece uses the Processing-based `linepoints`, `midpoint`, `findIntersection`, `findEquidistance`, and `point` functions to construct a geometric line drawing. It calculates a series of nested midpoints and intersection points between diagonals and side midpoints, then draws the resulting connecting lines on a canvas with dimensions `width` and `height`. The work is a generative study derived from Sol LeWitt's conceptual instructions, focusing on precise relationships between points and lines to create a minimal, grid-like composition.

AI-generated description

Similar vizzes

Loading thumbnail…

My Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using a generative drawing algorithm. It displays a composition of horizontal and vertical lines that intersect, creating a grid pattern. The rendering selectively reveals the lines only within a circular region at the center of the canvas, using SVG masks to clip the drawing. The code programmatically creates 100 horizontal and 100 vertical rectangles using the SVG API, with two masks to control visibility, resulting in a precise geometric interplay of lines.

Aaryan0821

68% match

Loading thumbnail…

Sol LeWitt Four Lines

This example reproduces a Sol LeWitt wall drawing using only HTML and JavaScript. It shows a grid of black horizontal and vertical lines intersecting within two circular areas at the center of the canvas. The rendering relies on the Document Object Model (DOM) to create SVG elements programmatically, including `<rect>` elements for the lines and `<mask>` elements to clip the lines into circular shapes. No external libraries are used; the design is generated with a pair of nested loops to fill the entire viewport with the alternating line patterns.

SSam Hege

67% match

Loading thumbnail…

Sol LeWitt lineas horizontales

This example recreates Sol LeWitt’s horizontal line wall drawing using 30 overlapping black rectangles that fill the entire browser window. The SVG is created dynamically via the Document Object Model (DOM) API, with rectangle elements positioned at fixed vertical intervals and sized to the viewport’s width. The code uses `createElementNS` and `setAttribute` to generate the vector graphics, producing a minimalist, generative composition that mirrors the artist’s geometric style. No external libraries are required.

SSergio

67% match

Loading thumbnail…

line-intersection

This example demonstrates an interactive line-intersection visualization, where users can add points by clicking on a canvas and drag them to see the resulting line segments and their intersections update in real time. The visualization highlights the geometric intersection points between line segments connecting all pairs of points, with a vertical divider separating the interactive area from a static queue preview. The rendering uses SVG with points, lines, and pair paths, and includes a side panel that shows a scaled representation of the point coordinates. The underlying code provides utility functions for point, distance, angle, and intersection calculations, and uses a sorted array with a custom bisector to manage points.

11wheel

67% match

Loading thumbnail…

Sol LeWitt lineas verticales

This example generates a static, full-window SVG visualization of vertical lines, inspired by Sol LeWitt's minimalist wall drawings. It shows one hundred narrow rectangles arranged evenly across the screen, each with a fixed width and height matching the viewport, creating a rhythmic pattern of alternating line and gap. The code uses the plain Document API with `createElementNS` and `appendChild` to construct SVG `<rect>` elements dynamically in a loop. The dimensions derive from `window.innerWidth` and `window.innerHeight`, and the styling comes from a linked stylesheet, though no external rendering library is used.

SSergio

67% match

Loading thumbnail…

SoLewitt

This visualization recreates a Sol LeWitt-inspired drawing by generating 24 random points on a square SVG canvas. It displays the points as small green circles, with the instruction set implying that half are connected by straight lines and half by wavy lines. Built with D3 version 7, the code uses `d3.range` to create the data and `d3.scaleLinear` to map coordinates, while `d3.axisBottom` and `d3.axisLeft` render the axes. The rendering approach is purely SVG-based, appended directly to the HTML body.

AAinsley Francis

66% match

Loading thumbnail…

Sol LeWitt Reproduction - Vertical Lines

This example reproduces a Sol LeWitt drawing using JavaScript and the SVG API. It creates a full-screen SVG canvas and draws 100 vertical black rectangles, each 10 pixels wide and spaced 20 pixels apart, with no horizontal variation. The code uses `document.createElementNS` and `setAttribute` to generate the rectangles dynamically. The piece directly references LeWitt's instruction-based art, presenting a simple, systematic grid of vertical lines that fills the entire browser window, adapting to its dimensions.

Aajoua

66% match

Loading thumbnail…

sol_lewitt_test

This example generates a procedural drawing of vertical and horizontal hairlines, creating a grid-like pattern. The code uses a mask to hide the horizontal lines outside a central circle, while vertical lines are masked by the inverse shape, producing a dynamic interplay of intersecting strokes. The result is a derivative of Sol LeWitt’s generative art aesthetic. The drawing is created entirely with SVG elements, using JavaScript to append rectangles and mask definitions to the document.

Ggaudi84

66% match