Reproduction of A. Grigoryev

100%

Reproduction of A. Grigoryev

✓ Published2🌍 Public

Last edited Apr 5, 2023

Created on Apr 3, 2023

A 3x3 grid of SVG panels reproduces Aleksandr Grigoryev's portrait using D3. The outer eight cells render triangular polygons from generated coordinate data, while the central cell applies a mask defined by a rotated square to reveal a stylized geometric composition. D3's `select`, `append`, and `join` APIs construct the SVG elements, with `symbol` and `symbols` from the D3 library drawing the central path. The code programmatically computes polygon vertices based on grid dimensions, and the CSS grid container positions the cells to match the original image's aspect ratio.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Reproduction of Aleksandr Grigoryew using D3

MIT Licensed

Similar vizzes

Loading thumbnail…

reproduction of something

This visualization reproduces an abstract geometric composition across a three-by-three grid. Each of the four populated cells displays a distinct arrangement of filled and outlined polygons, creating triangular patterns that vary in orientation and density. The code generates these shapes procedurally using JavaScript and the D3 library, computing polygon coordinates through loops and rendering them as SVG elements with the `selectAll` and `join` methods. The grid layout and styling are defined in CSS, with the react framework managing the overall structure.

IIgorGorin00

75% match

Loading thumbnail…

Fork of reproduction of somethind 4th cell

This example displays a geometric composition of triangular polygons and a central symbol, created using D3.js APIs such as `symbol`, `select`, and `attr`. The visualization renders SVG polygons against a masked region, where a rotated path shape defines the visible area. The mask includes a white rectangle and a black symbol, which is also overlaid directly on the canvas. The code generates data procedurally based on window dimensions, demonstrating a generative art approach within a React framework using the D3 library version 7.8.4.

IIgorGorin00

72% match

Loading thumbnail…

Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt-inspired geometric composition using SVG and D3. It displays a grid of 100 horizontal and vertical bars, each 10 pixels thick, layered over one another. A circular mask isolates a portion of the grid, creating an interplay between the two orientations. The code uses `d3.select` and `d3.range` to generate the rectangle elements, with two masks (`circle-mask` and `circle-mask-2`) defining the visible region. The rendering approach relies on SVG attributes for positioning and masks, with the canvas size set to the full window dimensions.

IIgorGorin00

71% match

Loading thumbnail…

reproduction of something #4

This example builds an abstract geometric composition from overlapping polygon layers created with D3.js and rendered as SVG. Two sets of polygons are generated programmatically using data arrays for coordinates and color palettes, then appended to a single SVG container. The visualization integrates D3’s `range` for iteration, `symbol` for diamond outlines, and `select` for DOM manipulation. It displays a central square bisected by diagonal lines, surrounded by nested, rotated shapes in a warm terracotta-to-dark color scheme, all laid out responsively based on the viewport’s smaller dimension.

IIgorGorin00

71% match

Loading thumbnail…

Sol LeWitt Reprod D3 symbols AG

This example recreates a Sol LeWitt-inspired geometric composition using D3.js. It shows a grid of thin horizontal and vertical rectangles layered to create a woven texture, with two central plus-shaped masks cutting away portions of the pattern. The code uses `d3.select`, `d3.range`, and `d3.symbol` to generate SVG elements, applying `mask` attributes to hide or reveal the intersecting lines. Two mask layers, one inverted, define the contrasting positive and negative spaces at the center of the piece.

Gguththered

71% match

Loading thumbnail…

Full of Sol LeWitt Reproduction with D3

This example renders a generative grid of thin horizontal and vertical rectangles that form a woven, screen-like texture across the full browser window. A large diamond-shaped hole and a circular cutout are created using two SVG masks, revealing the underlying white background. The piece reproduces a Sol LeWitt wall drawing using D3’s selection and data-join methods, along with `symbol`, `symbols`, and `range` to define the geometry. The layout responds dynamically to the viewport’s dimensions, and the composition relies on alternating white and default black fills for contrast.

IIgorGorin00

70% match

Loading thumbnail…

Sol LeWitt Reproduction Vertical

A generative geometric composition reproduces Sol LeWitt's vertical wall drawing across a CSS grid of nine cells, with triangular polygon clusters forming striped patterns that repeat symmetrically. The central cell layers a dark square rotated 45 degrees over a lighter diamond shape, using SVG masks to clip the pattern. Implemented in JavaScript with D3, the visualization calculates polygon points procedurally and uses `selectAll` with `.join('polygon')` to render shapes, while `d3.symbol` and `symbols` draw the rotated square forms.

FFouzia A.

70% match

Loading thumbnail…

Sol LeWitt Reproduction with D3 (with SVG Groups)

This is a D3.js reproduction of a Sol LeWitt art piece, rendered in SVG. The visualization shows a grid of horizontal and vertical striped rectangles overlaid on the full viewport. Two SVG masks create a central circular cutout: one mask reveals a circle in the upper layer, while the other uses inverted colors to hide the circle in the lower layer, producing a contrasting visual effect. The code uses d3.select, d3.range, and attribute chaining to generate 100 rectangles in each direction, with dimensions tied to the window size.

Nnim@brejnholt.dk

70% match