Fork of 2 reflections

100%

Fork of 2 reflections

✓ Published0🌍 Public

Last edited Oct 18, 2024

Created on Oct 18, 2024

A dense field of randomly positioned, colorful diamond polygons fills a black SVG canvas, generated by a nested React `map` that computes each polygon’s coordinates, fill color, and rotation from `Math.random()`. Overlaid near the center is a single intricate Buddha-like path traced in white, scaled and translated via React’s `transform` attribute. The example uses React 16.10 with JSX to render the SVG elements directly.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 2 budha reflection

A generative SVG composition renders repeated, randomly placed semitransparent polygons in vivid colors over a black background, forming a layered, abstract meditation on multiplicity and reflection. The polygons are generated by nested loops over a fixed numeric array within a React component, using JavaScript’s `Math.random()` for coordinates and fill values, and a rotation transform. The artwork also embeds a large, hand-coded Buddha silhouette path, scaled and translated via SVG `<g>` and `<path>`, creating a dense, overlapping visual that blends algorithmic chaos with a sacred icon.

Bbhargavipagolu2025@gmail.com

86% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of Buddha in colors -overlapping Buddha

Randomly generated, overlapping diamond polygons fill an SVG canvas to create an abstract, colorful composition. The visualization layers hundreds of semi-transparent shapes, each with random positions, sizes, and RGB colors that are recalculated on every render, producing a dense and chaotic visual texture. React manages the component structure and DOM updates, while the SVG API, including `<polygon>` elements with `points` and `transform` attributes, defines the geometric forms over a green background.

AAbdul Kareem

85% match

Loading thumbnail…

Fork of 5Buddha_1

This example renders a dense, kaleidoscopic SVG composition of rotated, semi-transparent polygons whose coordinates and fill colors are generated by nested iterations over an array of numbers, using random values to produce chaotic, layered visual noise. A large embedded SVG path, representing the outline of a Buddha figure, is placed over this abstract background. The visualization is built with React and ReactDOM, directly constructing SVG elements like `<polygon>` and `<path>` within a React component, and uses JavaScript’s `Math.random()` for both positioning and color generation, running entirely in the browser.

RRevanth putta

85% match

Loading thumbnail…

Fork of HTML Starter

This gallery example presents a decorative, non-standard data visualization featuring the six reflections of Buddha, rendered as SVG paths layered over a background of colorful flowers. The React application generates an array of random, semi-transparent colored `<null>` shapes, although these effectively render nothing, while a complex, embedded SVG path defines the central figurative image. Using the React and ReactDOM libraries, the visualization applies random color fills and opacities, with the path data drawn from a static source, demonstrating a creative and artistic approach to code-based imagery.

Ssahithya.voleti@gmail.com

85% match

Loading thumbnail…

Fork of 2 Buddhas

The visualization displays a chaotic, abstract composition of hundreds of small, colored diamond-like polygons scattered across a black canvas, each randomly positioned, rotated, and filled with vibrant RGB values. It uses React to render the SVG elements, mapping over a nested array of numbers to generate the shapes. The code repeatedly maps over an array, creating a dense field of overlapping polygons with randomized coordinates, colors, and rotation transforms, resulting in a generative art piece reminiscent of a psychedelic mandala or temple motif.

Ssiddhartha gurram

85% match

Loading thumbnail…

Fork of Fork of 5 Buddhas

This example renders 2,000 semi-transparent polygons in a black-background React SVG, each randomly positioned and colored, layered over a large, hand-coded Buddha path. The visualization uses nested map functions to generate the polygon elements and applies random RGB fill values for a vibrant, chaotic effect. The Buddha shape is drawn from path data, scaled and translated, with the code drawing from a data array to create the overlapping composition. The fork is part of a series of variations, emphasizing experimental and generative visual outcomes within the React framework.

SSreeKohaliPatel@my.unt.edu

85% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of Buddha in colors -overlapping Buddha

The visualization renders a dense, abstract composition of overlapping diamond-shaped polygons, repeated through nested `A.map()` loops in React, with each triangle’s position, size, color, and rotation randomized per iteration. Built with React 16.10 and rendered as SVG, it layers a static Buddhist icon path—drawn via `d3`-style path data—at the center, surrounded by the chaotic, semi-transparent geometric shapes. The code uses `Math.random()` to generate fill values in RGB ranges and apply rotation transforms, producing a vibrant, collaged effect atop the green background.

Iindushashi.g@gmail.com

85% match

Loading thumbnail…

Fork of 5 budha

This example renders a dense field of semi-transparent, randomly rotated polygons generated from the nested mapping of a numeric array, layered over a stylized vector path of the Buddha. The chaotic, multicolored geometric backdrop is produced with React’s `map` function and SVG `<polygon>` elements, while the `<g>` transform applies scaling and translation to position the intricate path data. The visualization demonstrates generative art using raw SVG coordinates and React’s declarative rendering, with random values controlling color, position, and rotation.

Ssanjanaadapa7@gmail.com

85% match