Skip to main content
SimilarExport ZIP
100%

Buddha in colors -overlapping Buddha

✓ Published0🌍 Public
SSurikanti Swathi
Last edited Mar 2, 2023
Created on Mar 2, 2023

The visualization generates a dense field of randomly colored, semi-transparent polygons overlaid on a silhouette of Buddha, rendered through nested React maps. Each polygon’s coordinates, fill color, and rotation are determined by multiplying loop variables with random values, producing chaotic, overlapping geometry. The SVG drawing includes a detailed path of Buddha’s face, scaled and translated, serving as the focal point. Built with React and SVG, the piece explores the interplay between abstract generative shapes and a recognizable figurative form.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Buddha in colors -overlapping Buddha

This visualization generates a black-background SVG canvas filled with hundreds of semi-transparent colored polygons, each randomly positioned, colored, and rotated to create an overlapping, chaotic pattern. The code uses React to render the SVG elements, mapping over a numeric array to produce nested polygon points with JavaScript's `Math.random()` for coordinates and fill colors. The piece also includes a detailed Buddha silhouette path, overlaid and scaled within the composition.

Aajaykumarakula4444@gmail.com
95% match
Loading thumbnail…

Buddha in colors -overlapping Buddha

The visualization displays an abstract, overlapping Buddha silhouette composed of hundreds of small, rotated squares in a random spectrum of colors. Each rectangle is positioned at random coordinates within a 960-by-1000 viewport, uses an opacity of 0.8, and is rotated 45 degrees. The code employs React and ReactDOM to render the SVG, with nested array maps generating the shapes and `Math.random()` controlling color, position, and transform values, while the Buddha’s path is drawn from a predefined SVG path string.

TTekmal-Bhavana
94% match
Loading thumbnail…

Buddha in colors -overlapping Buddha

A colorful abstract visualization depicts an array of opaque circles scattered randomly across the canvas, each assigned a randomized RGB fill and positioned using nested array maps. Overlaid on top is a single detailed Buddha silhouette drawn as an SVG path, scaled and translated to dominate the frame. The React application renders both elements within an SVG container, combining generative randomness with a fixed religious iconographic form. The visualization uses React's component model and SVG elements, with no external data source beyond the hardcoded path and procedural circle generation.

NNita
93% match
Loading thumbnail…

Buddha in Colors - Overlapping Buddha

The visualization displays a serene Buddha image overlaid with hundreds of semi-transparent, randomly colored and positioned circles that create a vibrant, overlapping pattern. Built with React and rendered as SVG, the code generates a dense array of circular elements, each with randomized coordinates and RGB color values. The underlying Buddha portrait is embedded as a static image, while the dynamic circle layer adds a colorful, abstract texture across the entire composition.

Kkollirohit2000
93% match
Loading thumbnail…

Buddha in colors -overlapping Buddha

A dense field of small, semi-transparent circles is scattered atop an SVG rendering of a Buddha silhouette. The circles, each with a radius of five, are generated by triply nested loops over a numeric array, with their positions and RGB fill colors determined by random values. The Buddha path itself is drawn from an embedded SVG path data string, scaled and translated within the same canvas. The visualization is built with React, using `ReactDOM` to render the SVG elements and the path data directly in the markup.

Kkeerthanachinthalapally@gmail.com
93% 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
92% match
Loading thumbnail…

Buddha

This visualization depicts a stylized Buddha silhouette built from dozens of overlapping, randomly rotated polygon triangles rendered in vivid, saturated colors against a black background. Using React and SVG, the code maps a numeric array to generate translucent, diamond-like shapes with randomized positions, colors, and rotations, layering them to create a textured, kaleidoscopic portrait. The Buddha figure emerges from the chaotic, colorful geometry, with each triangle contributing to the overall form while retaining its own vibrant hue, blending algorithmic generative art with a sacred iconography.

DDivyaKota2@my.unt.edu
92% 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
92% match