reproduction of something

100%

reproduction of something

✓ Published0🌍 Public

Last edited Apr 3, 2023

Created on Apr 3, 2023

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.

AI-generated description

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

Similar vizzes

Loading thumbnail…

reproduction of somethind

This visualization reproduces a geometric pattern composed of triangular polygons arranged in two overlapping fan-like sets. The polygons radiate from the top-right corner across the full width and height of the viewport, creating a layered lattice of intersecting shapes outlined in black. The rendering uses React with D3’s `select` and `join` methods to bind array data to SVG `polygon` elements, where each polygon’s points are generated programmatically by the `getData1` function using viewport dimensions. The example demonstrates a pure SVG approach with no external data sources, relying solely on computed coordinates.

IIgorGorin00

88% 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

87% match

Loading thumbnail…

reproduction of somethind 2nd cell

This example generates a geometric composition of triangles that fill the browser window. Polygons are drawn in two distinct groups, radiating from the top corners downward to create an abstract, layered pattern. The visualization is built with React and rendered as SVG, using D3.js functions such as `select` and `join` to append polygons dynamically. The polygon coordinates are computed procedurally based on the window dimensions, dividing the width and height into incremental steps.

IIgorGorin00

86% 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

82% match

Loading thumbnail…

reproduction of somethind 5th cell

This visualization generates a geometric composition using D3.js SVG rendering. Black triangles fan outward from a central white rotated square symbol, created by masking a black rectangle with a diamond-shaped cutout using `d3.symbol` and `d3.mask`. The triangles are computed programmatically via `linspace` and polygon points, forming symmetric radial patterns around the center. The result is a stark, mask-based interplay of light and dark shapes.

IIgorGorin00

81% match

Loading thumbnail…

Reproduction with D3

The visualization draws a grid of overlapping horizontal and vertical bars across the entire viewport. Two sets of 100 rectangles each are created using D3's selection and join operations, with dimensions tied to the window size. Masking via SVG circle masks creates a central circular window that reveals alternating black and white stripes. The code uses `d3.select`, `d3.range`, and chained SVG attribute setters within a React-free HTML page.

Aahora

77% match

Loading thumbnail…

Reproduction of A. Grigoryev

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.

IIgorGorin00

75% match

Loading thumbnail…

Sol LeWitt reproduction with animation

This example reproduces a Sol LeWitt-inspired geometric composition using raw SVG and JavaScript, with no external libraries. It renders a 500x500 canvas containing a grid of 100 animated horizontal rectangles that cycle between yellow and cyan, overlaid with four large triangles positioned at the center, top-left, top-right, and bottom. Each triangle uses a distinct solid color—black, red, blue, and green—and is created via SVG `polygon` elements. The code demonstrates DOM manipulation through `document.createElementNS` and SVG’s native `animate` element for continuous color transitions.

IIgorGorin00

75% match