Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction with D3

✓ Published0🌍 Public
224cs049@kpriet.ac.in
Last edited Aug 7, 2025
Created on Aug 7, 2025

This is a fork of a Sol LeWitt reproduction that creates an animated SVG artwork using D3.js. It renders a grid of horizontal and vertical lines masked by two intersecting circular regions. A button toggles the animation, which modulates the circle radii, line opacities, and circle positions using sine and cosine functions via `setInterval`. The piece uses D3's `select`, `range`, and `join` APIs to build the SVG elements.

AI-generated description
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
90% 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
89% match
Loading thumbnail…

Fork of Fork of Full Sol LeWitt Reproduction with D3

This example renders a dynamic, animated reproduction of a Sol LeWitt art piece using D3.js. The visualization fills the entire browser window with a grid of thin horizontal and vertical rectangular stripes, each masked to reveal a series of large geometric symbols such as circles and stars. The piece uses D3’s `select`, `range`, `join`, and `symbol` APIs to generate the SVG shapes, while CSS keyframe animations cycle the background gradient. The masks are constructed with `symbol` paths, and the code references `window.innerWidth` and `window.innerHeight` for the canvas size.

Ssriramvsharma
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece using D3. It draws a grid of horizontal and vertical rectangles that are masked by two circles, creating a pattern of alternating lines within circular cutouts. The code uses D3’s `select` and `range` functions to generate SVG elements, and applies SVG masks with `circle` elements to clip the rectangles. The artwork is rendered as an SVG, filling the browser window.

Rrwata97
89% match
Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction

This interactive visualization reproduces Sol LeWitt's geometric art using D3.js and raw SVG. It displays a grid of 100 gently wavy horizontal and vertical lines, each rendered in colors from D3's `scaleOrdinal` and `schemeCategory10`. Two circular SVG masks clip the intersecting line sets, creating two overlapping circle patterns in the center of the viewport. The code constructs SVG elements directly via `document.createElementNS` and uses D3 version 6.6.1 for color scaling.

CCurran Kelleher
89% match
Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction Final with D3

This visualization reproduces a Sol LeWitt art piece using D3 to generate a grid of horizontal and vertical black lines layered over the full viewport. The lines are clipped by two circular masks centered on the screen, creating a crosshatched pattern that fades into blank space beyond the circle boundaries. The code uses D3 selections and the `join` pattern to append SVG `rect` elements, with `mask` elements defining the visible regions via white and black circles. The artwork is rendered entirely in SVG using D3 v7.

Kkwambokar
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This piece reproduces a Sol LeWitt drawing using D3 to generate a grid of horizontal and vertical stripes that appear only within a circular viewport. The stripes are clipped using two SVG masks, each defining a circle in the center of the canvas with inverted fills. The code builds the composition with `select`, `append`, `attr`, `data`, and `join` from D3 v6, creating 100 rect elements in each orientation.

MMateusz Kowalski
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This piece uses SVG to display horizontal and vertical lines in a grid across the entire screen, generating a striped texture rather than a literal reproduction of the Sol LeWitt artwork. Each line segment is drawn as a thin rectangle, with 100 rows and 100 columns created via d3’s range and join methods. Two circular masks are applied to the grid: one with a central white hole on a black background, and another with an inverted pattern, producing a lensing or spotlight effect. The piece pairs D3’s SVG API with custom mask elements to create a geometric, interactive-looking visual.

Kkhalil-ryu
89% match