Skip to main content
SimilarExport ZIP
100%

Buddha in Colors - Overlapping Buddha

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

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.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

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

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.

SSurikanti Swathi
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…

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
92% match
Loading thumbnail…

Buddha in colors - strokes

The visualization displays a stylized Buddha silhouette composed of hundreds of overlapping colored circles, each with randomized positions and RGB fill values, creating a vibrant, chaotic stroke effect against a black background. Built with React and rendered as SVG, it uses nested array mappings to generate roughly 9,260 circles, while a single path element defines the Buddha's outline. The circles' coordinates and colors are computed on the fly using `Math.random()`, with no external data or animation libraries involved.

NNita
92% match
Loading thumbnail…

Many fork of Buddha in colors -overlapping Buddha

The visualization displays a dense, colorful overlay of hundreds of semi-transparent circles and rectangles, randomly positioned and colored, creating an abstract, overlapping composition reminiscent of a many-armed Buddha figure. Built with React and rendered as SVG, the code uses nested `map` iterations over a numeric array to generate each shape, with random `cx`, `cy`, `x`, and `y` values producing chaotic scatter. A static SVG path, likely representing Buddha’s outline, is scaled and translated into the scene. Colors derive from `Math.random()` calls within `rgb()` strings, and opacity is fixed at 0.8 to enhance visual blending.

RRinoj-Gautam
92% match
Loading thumbnail…

Buddha in colors -overlapping 5 Buddha images

The visualization displays a clustered arrangement of randomly positioned, diamond-shaped rectangles overlaid on a large SVG canvas, with five distinct Buddha images rendered as intricate vector paths. The collaborative composition creates a vibrant, chaotic field of colorful rotating shapes that overlap the traditional Buddhist iconography. Built with React and ReactDOM, the code generates the geometric elements through nested mapping operations, applying random color values via `Math.random()` and rotating each diamond 45 degrees. The Buddha paths use SVG `path` elements with complex cubic Bézier curve data and SVG transforms for positioning and scaling.

Yyamunaunt
92% match