reproduction of somethind 2nd cell

100%

reproduction of somethind 2nd cell

✓ Published2🌍 Public

Last edited Apr 3, 2023

Created on Apr 3, 2023

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.

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

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

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

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

82% 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…

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

73% match

Loading thumbnail…

Reproduction of Sol LeWitt 2

This example reproduces a geometric composition inspired by Sol LeWitt, displaying a triangle outlined by alternating horizontal and vertical stripes. The visualization renders two perpendicular sets of thin rectangular bars—one laid horizontally, the other vertically—whose visibility is selectively controlled by SVG masks. A white triangle on a black mask exposes the horizontal bars, while an inverted mask exposes the vertical bars, creating the illusion of a single striped triangle over a plain background. The code uses raw SVG elements and mask operations via the Document Object Model, with no external libraries.

PPhan Nguyen

73% match

Loading thumbnail…

SVG Fundamentals

This example showcases a generative composition of triangular polygons arranged on a 960x500 SVG canvas. The visualization demonstrates fundamental SVG shapes and CSS styling, where each polygon is explicitly defined with coordinate points and filled with a gradient of teal colors. The code utilizes native HTML, CSS, and JavaScript, with CSS transitions and hover effects that adjust polygon opacity. The design creates a geometric abstract mosaic, emphasizing how SVG elements can be structured and styled directly within a browser environment without external libraries.

Rrlietz

72% match