reproduction of somethind 5th cell

100%

reproduction of somethind 5th cell

✓ Published0🌍 Public

Last edited Apr 3, 2023

Created on Apr 3, 2023

Forked from Fork of reproduction of somethind 4th 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.

AI-generated description

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

Similar vizzes

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

85% match

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

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

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

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

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

75% match

Loading thumbnail…

Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt-style geometric composition using D3.js and SVG. It displays a grid of vertical and horizontal rectangles overlaid with two masks that reveal alternating symbol shapes—including circles, crosses, and diamonds—arranged horizontally across the canvas. The code imports `select`, `range`, `symbols`, and `symbol` from D3 to generate the shapes and masks, rendering 100 rectangles per axis at 20-pixel intervals. The visualization uses the D3 `range` and `join` methods to bind data, with mask rectangles toggling between white and black fills to create the interlocking pattern.

Aabhineetsingh10

75% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt-inspired geometric composition using overlapping vertical and horizontal stripes, each masked by repeating symbol shapes. Two SVG masks alternate between black and white backgrounds with contrasting symbol cutouts, creating intersecting patterns of circles, crosses, and diamonds across the full viewport. The code uses D3 selections with `join` for data-driven rectangle generation, plus D3’s `symbol` and `symbols` to render mask shapes. Rendering occurs via SVG elements dynamically sized to `window.innerWidth` and `window.innerHeight`.

MMatthew Bruffey

75% match