Untitled

100%

✓ Published0🌍 Public

Last edited May 11, 2022

Created on May 11, 2022

This example reproduces a Sol LeWitt wall drawing as an interactive visualization, showing how a set of algorithmic rules generates a complex geometric composition. A force-directed layout using `d3.forceSimulation` positions a grid of nodes, while SVG paths are drawn with `d3.line` and `d3.curveBasis` to create the characteristic arcs and straight segments. The code reads a local data file defining the drawing’s parameters and renders them in a browser window, with user interaction via mouse events to pause or restart the simulation. The result is a faithful, animated tribute to LeWitt’s instructions-based art.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol Le Witt practice

This visualization recreates Sol LeWitt’s geometric wall drawings as an interactive abstract composition. It shows a dense grid of lines and arcs that respond to mouse movement, with overlapping strokes and subtle color shifts. The piece uses d3.forceSimulation to animate the positions of line endpoints, while a canvas rendering loop draws the paths each frame. Input data comes from a predefined set of coordinates and angles, not from an external dataset. The code relies on D3’s scale functions and the Canvas API, with no additional libraries beyond D3.

Ppanthabuddhi@gmail.com

86% match

Loading thumbnail…

Untitled

This generative art piece reproduces a Sol LeWitt wall drawing as an interactive web page. It uses JavaScript to dynamically create an SVG canvas that fills the browser window. The code relies on the Document Object Model (DOM) to create and position SVG elements, likely rendering geometric lines or shapes that follow a conceptual rule. The piece is a direct translation of LeWitt's instructions into a computer-generated output.

FFatima

85% match

Loading thumbnail…

Untitled

This example reproduces a Sol LeWitt art piece using React and D3. The visualization generates geometric wall drawings according to the artist’s conceptual rules, displaying the resulting patterns on a canvas. The code imports React 18 and D3 v7, though the commented-out script tags suggest the D3 library may be conditionally included. The React component `ShoppingList` renders a simple list, but the primary focus is the algorithmic drawing derived from LeWitt’s instructions, demonstrating how programming can emulate generative art.

Ccssergio

82% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece, generating a geometric arrangement of lines and shapes in the browser. It uses d3.forceSimulation to position nodes and compute the drawing’s structure, then renders the result on a blank canvas with SVG or similar D3 drawing methods. The artwork’s composition is driven entirely by the simulation’s layout, with no external data input, creating a generative, algorithmic interpretation of LeWitt’s minimalist style.

DDutch Hansen

81% match

Loading thumbnail…

Sol LeWitt reproduction

This example reproduces a Sol LeWitt wall drawing as a dynamic, algorithmic visualization. It shows a grid of colored squares whose hues gradually shift and blend over time, creating a living, patterned composition. The work uses D3.js to construct and manipulate SVG elements, with colors derived from an interpolated palette. The rendering relies on JavaScript timers or animation frames to cycle through color values, updating the fill of each rectangle to mimic LeWitt’s serial, rule-based aesthetic. The code is minimal, containing no external data or complex geometry, focusing purely on the interplay of color and grid structure.

PPolydexter

81% match

Loading thumbnail…

Sol LeWitt With D3

This example recreates a Sol LeWitt wall drawing using D3.js to render layered geometric abstractions in SVG. The visualization combines horizontal and vertical striped rectangles with concentric arc paths, all filtered through SVG masks that selectively reveal or hide portions of each shape across the viewport. The code uses D3 selections with `range()` to generate repeated elements, `.join()` for data binding, and `mask` attributes to composite intersecting forms. The result is a dynamic, generative composition that responds to the browser window dimensions while echoing LeWitt’s systematic, rule-based artistic style.

Jjony6290

81% match

Loading thumbnail…

sol lewit reproduction assignment

This visualization reproduces the geometric precision of Sol LeWitt’s wall drawings using D3.js, encoding alternating vertical and horizontal line grids. It renders a series of thin rectangles that are selectively masked by SVG masks containing paths of abstract symbols, creating overlapping patterns of positive and negative space. The code leverages D3’s `select`, `range`, `symbols`, and `symbol` APIs to generate the grids and symbol paths, with masks (`url(#mask0)`, etc.) toggling visibility. The result is a dynamic, screen-sized composition that mirrors LeWitt’s systematic, rule-based aesthetics through algorithmic drawing.

KKerim

81% match

Loading thumbnail…

Data Visualisation with D3 - Sol LeWitt

This example reproduces a Sol LeWitt wall drawing as a generative visualization. Using plain JavaScript and the SVG DOM API, it creates 100 vertical rectangular stripes that span the full height of the browser window, each with a fixed width of 10 pixels and spaced 20 pixels apart. The code dynamically appends SVG `<rect>` elements to a full-screen SVG canvas, with dimensions set to the viewport’s inner width and height. The result is a minimalist, repeating pattern that mirrors LeWitt’s instructional art, rendered entirely through `document.createElementNS` and `setAttribute` calls without external libraries.

Vvivienho22

80% match