Skip to main content
SimilarExport ZIP
100%

Task 7 - Buddha in colors -overlapping Buddha FORK

✓ Published0🌍 Public
Mmrowanh21@gmail.com
Last edited Mar 24, 2024
Created on Mar 24, 2024

This visualization generates a dense field of overlapping, semi-transparent polygons with randomized coordinates and colors, layered over a large Buddha silhouette path rendered in SVG. The polygons are created through nested array mappings, each producing shape coordinates via the `Math.random` function, while the Buddha figure is drawn using a detailed SVG `path` element. The React component uses `ReactDOM` to render the composition onto an SVG canvas within a black-background HTML page. The result is a chaotic, colorful abstract pattern overlaid on the structured Buddha form.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Task 7 - Buddha in colors -overlapping Buddha - FORK

A dense field of small, randomly colored polygons overlaps and rotates across a black SVG canvas, creating a layered, abstract composition. The visualization is built with React and renders purely through SVG elements, using nested `map` loops over a numeric array to generate hundreds of `<polygon>` shapes. Each polygon’s position, fill color, and rotation are determined by repeated calls to `Math.random()`, while a large embedded `<path>` element in the center depicts a Buddha figure, layered beneath the chaotic geometry. The code also defines utility functions and arrays, though their outputs are not directly visualized.

Mmrowanh21@gmail.com
97% match
Loading thumbnail…

Fork of Buddha in colors -overlapping 5Buddha

The visualization layers over 20 randomized, multi-colored polygons with two static Buddha silhouette paths, producing a dense, overlapping composition on a black background. Each polygon is dynamically generated with random coordinates, fill colors, opacity values, and rotations using React’s array mapping. The Buddha paths are rendered as SVG elements with fixed transforms, colored violet and light blue. The code uses React 16 and ReactDOM to render the SVG scene, with random values recalculated on each render, creating a unique, chaotic blend of geometric shapes and sacred imagery.

Sshettisowmya01@gmail.com
91% match
Loading thumbnail…

Fork of Buddha in colors -overlapping Buddha

This visualization displays a dense field of overlapping, randomly rotated polygons rendered in vivid, unpredictable colors against a black background. At the center, a detailed Buddha silhouette is drawn using a complex SVG path, creating a layered, abstract composition. The code generates a grid of polygons by mapping over arrays and using `Math.random()` to determine positioning, fill colors, and rotation. The Buddha path is nested within an SVG group with a translation and scale transform, combining generative art with a traditional iconographic form using React and ReactDOM.

Ttejaswiteju9811@gmail.com
91% match
Loading thumbnail…

Fork of overlapping Buddha

The visualization presents a dense, colorful field of overlapping polygons layered over a single Buddha silhouette path. The chaotic arrangement of semi-transparent shapes creates a vibrant, textured collage effect against a black background. The piece uses React with ReactDOM to generate an SVG canvas, where the `App` component maps over an array to render hundreds of polygons with random coordinates, fill colors, and rotations. The Buddha figure is drawn via a `<path>` element with intricate SVG path data, while the background polygons are computed using JavaScript's `Math.random` for positioning and styling.

Mmoulidomar@hotmail.com
91% match
Loading thumbnail…

Fork of Buddha in colors -overlapping Buddha

This example displays a dense, colorful field of overlapping semi-transparent polygons that build into a chaotic, layered composition, with a single detailed Buddha path rendered on top. The visualization uses React to render SVG elements, generating thousands of polygon shapes across multiple nested loops with randomized coordinates, fill colors, and rotations. The Buddha silhouette is drawn using an SVG path element, positioned and scaled via a transform, while the black background and high opacity values create the overlapping visual effect.

Cchsaisriharsha@gmail.com
90% match
Loading thumbnail…

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

A dense field of randomly generated, semi-transparent colored polygons layers over a large Buddha path, creating an overlapping abstract composition. The visualization uses React to render SVG elements, mapping nested arrays to produce hundreds of polygons with random coordinates, fill colors, and rotations atop the intricate path data. The Buddha shape is drawn via an SVG `path` element, while the polygon overlay adds chaotic, colorful geometry that partially obscures the underlying figure.

Hhm0421
90% match
Loading thumbnail…

Fork of Buddha in colors -overlapping Buddha

A colorful, abstract visualization of overlapping Buddha forms presents a dense cluster of semi-transparent circles layered over detailed SVG path data. The circles, rendered with randomized positions, colors, and opacity, create a chaotic, generative backdrop against the intricate line work of the Buddha figure. Built with React and SVG, the visualization uses React’s component structure to map over arrays and generate circle elements dynamically. The code employs nested `map` functions to produce 8000 circles, each with properties derived from JavaScript’s `Math.random`, while the Buddha path is embedded as raw SVG coordinates.

VVAbhiram99
90% match
Loading thumbnail…

Fork of Buddha in colors -overlapping Buddha

A colorful, overlapping geometric composition recreates the silhouette of a Buddha formed from layered, rotating polygons with random coordinates and RGB fills. The visualization uses React to render an SVG scene, mapping arrays through nested iterations to generate multiple semi-transparent diamond shapes across a black background. The Buddha path is drawn via an SVG `<path>` element with a detailed `d` attribute, scaled and translated into place. The code relies on React and ReactDOM, with `Math.random()` driving the stochastic positioning and color values.

Uuzairnaeem15@gmail.com
89% match