Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction with D3

✓ Published0🌍 Public
Rrautprashant849@gmail.com
Last edited Jan 5, 2024
Created on Jan 5, 2024

This visualization reproduces a Sol LeWitt-inspired geometric composition using D3.js in an SVG renderer. It draws a grid of horizontal and vertical rectangles, with two masks applying contrasting cutout shapes—a star symbol in the first mask and a circle in the second—to create layered overlapping patterns. The code uses D3’s `select`, `range`, and `symbol` APIs to generate the marks and mask paths, with the star rendered via `d3.symbol` at a scaled size. The result is a clean, abstract interplay of striped forms and negative space, built entirely with SVG elements.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction by D3 2

This example reproduces a Sol LeWitt-style geometric drawing using D3 version 7.9.0. It creates a grid of overlapping horizontal and vertical rectangles, then applies two SVG masks to shape the composition: a star-shaped mask centered on the canvas and a circular mask with a black hole. The result shows a dense striped pattern with clear geometric cutouts. The code builds the SVG via `d3.select`, generates repeated elements with `range`, and applies masks using `url(#...)` references, with the star drawn via `d3.symbol` and `symbols`.

Aaaron.00366@gmail.com
92% match
Loading thumbnail…

Fork of Full Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt-inspired geometric composition using D3.js, rendering SVG output. It draws a grid of horizontal and vertical rectangular strips across the full canvas, with each strip positioned iteratively. The visualization currently defines two mask elements for potential circular cutouts, though the mask-creation code is commented out. The artwork uses D3’s `select`, `range`, and `symbol` APIs to generate the ordered pattern, with the structure derived from a deterministic repetition of lines.

SShahin Alam
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt art piece using D3.js, drawing 100 horizontal and vertical striped rectangles across the full viewport. The code applies two SVG masks—a circle-mask and a circle-mask-2—to show the grid pattern only within circular regions at the center of the canvas, while the outer areas remain blank. Built with D3’s `select`, `range`, and chained `join('rect')` operations, it renders with SVG and uses the `append('mask')` method to create the overlapping circular reveals.

Sshayan yadegaridehkordi
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt art piece using D3.js, displaying a grid of alternating horizontal and vertical striped lines across the full browser window. Two SVG masks reveal the grid through circular and geometric shapes, while the second mask incorporates D3 symbol shapes and checkerboard patterns within its design. The code uses D3 v7 APIs including `select`, `range`, `symbol`, and `symbols` to generate the SVG elements, with mask composition controling which portions of the line grid remain visible.

AAngie Va. Moreno
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt art piece using overlapping horizontal and vertical striped rectangles, masked to reveal a central circular form. The code employs D3 v6 selections and data joins to generate 100 thin rect elements in each orientation across the full viewport. Two SVG mask definitions combine black-and-white rectangles with circles to create the complementary positive-negative masking effect. The example demonstrates D3’s declarative approach to SVG manipulation, using the `select`, `range`, and `.join()` methods to efficiently bind data to DOM elements.

PPraveenSehra
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example generates an abstract geometric composition inspired by Sol LeWitt, using D3 v6 to create intersecting striped rectangles with dynamic masking. The visualization alternates horizontal and vertical bands of thin lines, with masks that switch between filled and hollow symbol shapes—including circles, diamonds, and crosses—at regular intervals. Rendering in SVG, the code uses `d3.select`, `d3.range`, `d3.scaleBand`, and `d3.symbol` to position 120 strips across the viewport and apply patterned cutouts, producing a rhythmic interplay of line, shape, and negative space.

Mmkarnam.mahendra@gmail.com
91% match
Loading thumbnail…

Fork of Fork of Full Sol LeWitt Reproduction with D3

This example creates a dynamic grid of horizontal and vertical stripes that form a generative composition, reminiscent of a Sol LeWitt drawing. It renders 100 lines in each direction, with their visibility altered by two SVG masks containing paths generated from D3’s `symbol` API. The masks invert the stripes’ appearance, creating intersecting shapes across the canvas. The code uses D3’s `select`, `range`, and `join` to build the SVG elements, with the mask logic defined in a custom `renderMask` function.

Rraturi22@gmail.com
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example generates an abstract visual composition inspired by Sol LeWitt, using D3 to create a grid of alternating horizontal and vertical bands. Two SVG masks, built with `d3.symbol` and `scaleBand`, modulate the bands with geometric symbol shapes. The code applies `select`, `range`, and `symbol` from D3 v6 to render the patterns, with the rendering handled entirely in SVG. The design reproduces the algorithmic, rule-based aesthetics of LeWitt’s wall drawings through code-driven geometry.

Bbeyzadoganay
90% match