Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction with D3

✓ Published1🌍 Public
MMofizur Rahman
Last edited Jan 7, 2024
Created on Jan 7, 2024

This visualization reproduces a Sol LeWitt-style geometric composition, showing a grid of horizontal and vertical bars that intersect within a central circular boundary. The piece uses D3 v7 APIs including `select`, `range`, and `join` to generate 100 thin rectangles in each direction, sized to the full viewport. SVG masks (`circle-mask` and `rectangle-mask`) selectively reveal the horizontal lines within a 200-pixel-radius circle, while the vertical lines are inverted so only the outer area appears. The result highlights the interplay between line density and circular cropping, rendered entirely as static SVG elements.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt art piece using D3 to generate a grid-like pattern of horizontal and vertical lines. The lines are rendered as SVG rectangles, with two circular masks applied to create a central circular viewing window. The horizontal bars are masked by a black rect with a white circle, while the vertical bars use an inverse mask, producing a crosshatched effect within the circle. The code uses d3-selection’s `select`, `append`, and `join` methods alongside `range` to efficiently create the marks.

Iibrarmunircoder
95% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt art piece using D3 v6, rendering 100 horizontal and 100 vertical rectangles as SVG elements. The rectangles are masked to reveal only a circular region at the center of the canvas, creating an overlapping grid pattern reminiscent of the original work. The code uses D3’s `select`, `range`, and `join` methods to bind data and generate the SVG shapes, with two `mask` definitions controlling the visibility of the crossing bars.

DDyor69
95% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using D3.js, displaying a grid of horizontal and vertical thin rectangular bars across the full viewport. The bars are partially revealed through two circular masks, creating a geometric pattern of intersecting lines within a central circular region. Using d3.select and range, the code generates 100 rect elements in each orientation, applying SVG mask elements with contrasting black-and-white fills to selectively show vertical bars inside one circle and horizontal bars inside another. The rendering is entirely SVG-based, with the artwork adapting to the browser window dimensions.

Llukasilg.sol@gmail.com
95% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization recreates a Sol LeWitt-inspired geometric composition using two overlapping grids of vertical and horizontal bars. The bars are partially revealed through circular masks, creating a cross-shaped aperture effect at the center of the canvas. The code uses D3 v7’s `select`, `range`, and `join` methods to generate SVG rectangles, with two `mask` elements defining the visible circular regions. The artwork spans the full browser window and renders entirely as SVG, with all positioning computed dynamically from `window.innerWidth` and `window.innerHeight`.

Lliu yang
94% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction Final with D3

This example reproduces a Sol LeWitt-inspired geometric artwork using D3.js and SVG rendering. It displays a grid of horizontal and vertical black bars that are partially revealed through two circular mask effects, creating intersecting line patterns across the full viewport. The visualization uses d3.select and data joins to generate 100 rectangle elements for each orientation, while SVG mask elements with circle shapes control which portions of the lines remain visible. The bars are positioned mathematically based on array indices, with the masks centered in the window to produce the layered optical effect.

Kkwambokar
94% match
Loading thumbnail…

Fork of Sol LeWitt reproduction with d3 _ 2

This SVG reproduction of a Sol LeWitt piece uses d3 to generate two overlapping sets of rectangular grids. The code creates horizontal and vertical bars, each masked to reveal either a central circular area or the surrounding region. Using d3’s `select` and `range`, it appends a full-window SVG and populates group elements with 100 rectangles each. The inner mask highlights a 200-pixel-radius circle, while the outer mask inverts this shape, producing the characteristic geometric interplay.

AAngela Kochoska
94% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction D3

This visualization reproduces Sol LeWitt’s geometric art by rendering 100 horizontal bars of varying heights, arranged to form an abstract pattern. The bars are drawn as SVG rectangles, each with a fixed width and height, positioned vertically based on an index from `d3.range`. A circular `mask` clips the rectangles, creating a rounded composition. The code uses D3 v7’s `select` and `range` to bind data and join elements, with a minimal black-on-white aesthetic. The rendering is static, driven purely by the data values from the range, without interaction or animation.

DDyor69
94% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt-inspired geometric composition using D3 v3, rendering a grid of alternating horizontal and vertical bars that form a crosshatch pattern within a large circular boundary. The bars are clipped using two SVG masks—one that reveals a red-filled circle and another that uses a rect and circle to create an inverse cutout effect. The code uses D3 selections, `range`, and the `join` method to generate and attach the SVG rect elements, demonstrating a minimal, data-driven approach to procedural art.

NNixonthiyagesh-Hexa
94% match