Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction Vert

✓ Published0🌍 Public
SSai Hemanth Babu Sunkari
Last edited Mar 19, 2024
Created on Mar 19, 2024

This example reproduces a Sol LeWitt-style artwork as an interactive chart, combining a bar chart and scatter plot to explore categorical and quantitative data. It shows how geometric abstraction can be generated from data, with hovering over bars highlighting them in orange. The code loads CSV data via D3 v6’s `d3.csv` method, converting string values to numbers, then passes the dataset to custom `renderBarChart` and `renderScatterPlot` functions that set up SVG, scales, and axes. While the drawing logic is stubbed out, the structure relies on D3’s data-binding and selection APIs to map values to visual elements.

AI-generated description

A Sol LeWitt Reproduction. A reproduction of a [Sol Lewitt Art Piece] (https://en.wikipedia.org/wiki/Sol_LeWitt).

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

A D3.js SVG bar chart displays nine rectangular bars with numerical labels, representing a simple dataset. The chart uses D3's selection and joining methods to create rectangles and text elements, with computed x, y, width, and height attributes from data values. The visualization shows a basic bar chart layout with spacing between bars and labels positioned above each bar. The code leverages D3's data-driven approach to generate chart marks programmatically.

NNixonthiyagesh-Hexa
85% 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
83% match
Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction with D3

A fork of the original code reproduces an algorithmic drawing inspired by Sol LeWitt using D3 and SVG rendering. The piece displays a series of vertical and horizontal rectangular bands that form a grid-like pattern, with a circular mask creating a lens effect over the composition. The visible bar chart at the bottom renders a static dataset of nine values using D3's `select` and `join` methods to create SVG rectangles with height proportional to the data. The implementation uses the `d3` library (version 6.6.1) and relies on programmatic SVG construction to generate the visual output.

NNixonthiyagesh-Hexa
83% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces Sol LeWitt’s drawing as an animated grid of horizontal and vertical bars. The bars are revealed through masked symbol shapes, with alternating visibility that creates a dynamic interplay between line and form. Built with D3 v3 in React, it uses `select`, `range`, `symbol`, `symbols`, `scaleBand`, and `easeLinear` to generate SVG elements and animate transitions. A custom mask function applies white and black fills to alternate regions, while the underlying JavaScript drives the 50-second vertical bar animation.

KKj
82% 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
82% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

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.

MMofizur Rahman
82% 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
82% match
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
82% match