Skip to main content
SimilarExport ZIP
100%

Fork of 2 Buddas

✓ Published0🌍 Public
Ssumithdugyala@my.unt.edu
Last edited Oct 18, 2024
Created on Oct 18, 2024
Forked from 2 Buddas

This visualization layers two large Buddha-shaped SVG paths over a flower-patterned background, with hundreds of randomly positioned semi-transparent circles generated through triple-nested JavaScript array maps—each circle receiving randomized coordinates, radius, and RGB color values. The React app renders the scene through a single SVG element, combining the static path data with dynamic geometric elements. The code uses React 16.10 with ReactDOM, and the background image is loaded via a CSS URL reference, while the Buddha paths are drawn using raw SVG path strings.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 2 Buddas

This visualization shows overlapping, semi-transparent Buddha-like figures composed of small circles scattered randomly across a black background. The piece layers thousands of colored dots on top of a large SVG path outline of a Buddha, creating a dense, textured effect. Built with React, the app maps over a nested array to generate circles with random positions, RGB colors, and 0.8 opacity. The Buddha path is rendered as an SVG `<path>` element with predefined coordinates, scaled and translated into place.

Ggottipatisasikiran@gmail.com
93% match
Loading thumbnail…

Fork of 2 Buddas

Two overlapping Buddha silhouettes are drawn as a single dark path, rendered twice with two different scaling and translation transforms on an SVG canvas. The path is layered over a field of randomly placed, semi-transparent circles whose positions and RGB fill colors are generated with `Math.random()` inside nested `Array.map` calls. The visualization uses React to render the `<svg>` elements, with a background image applied via CSS and the Buddha path drawn using SVG path data with a `stroke-width` of 5.

Ssairamisetti3829@gmail.com
91% match
Loading thumbnail…

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

An abstract visualization overlays hundreds of translucent SVG circles atop a detailed Buddha path, creating a dense, layered composition against a black background. The circles scatter at random positions and colors through nested array maps, while the Buddha figure, rendered as an SVG path transformed and scaled, remains the central focus. The React app uses the core React and ReactDOM libraries to render the SVG elements, with randomness controlling circle placement and fill values.

Lleelakrishnadivi7@gmail.com
91% match
Loading thumbnail…

Fork of 2 budhas

This visualization renders a stylized Buddha figure as a dark SVG path on a black background, layered beneath a dense field of semi-transparent colored circles generated from nested array mappings. The React component uses ReactDOM to draw the SVG elements, while the Buddha path is defined through detailed coordinate data and transformed with a scale and translate operation. The circles are positioned using random values multiplied by array indices, creating an organic, particle-like scattering effect around the central figure.

SSiva Kishore Reddy
91% match
Loading thumbnail…

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

This visualization layers hundreds of semi-transparent circles over an intricate SVG path of a Buddha figure, creating a colorful, overlapping composition against a floral background image. React renders the circles with randomized positions and RGB fill values, while the Buddha path is drawn using SVG path data with a heavy stroke width. The code relies on React’s component structure and SVG elements, with no external data source, instead using procedural generation through nested array maps and Math.random() calls.

JJaiyaGhanta@my.unt.edu
90% match
Loading thumbnail…

Fork of Buddha

Rendered with React and SVG, this visualization layers 1,000 randomly generated circles and rectangles over a hand-coded Buddha path. Each shape receives randomized position, size, color, and rotation values, creating a chaotic, colorful backdrop. The central Buddha silhouette, defined by a long SVG path drawn with cubic Bézier commands, floats on a sky-blue canvas. The code uses React’s `Array.map()` to generate the shapes and raw SVG elements, with no external plotting libraries.

Kkakumanusreya
90% match
Loading thumbnail…

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

The visualization displays six overlapping Buddha figures rendered in SVG, set against a floral background image loaded via CSS. The React application uses nested map functions to generate a grid of semi-transparent, colored null elements, creating a scattered point pattern that interacts with the Buddha paths. The Buddha shape itself is drawn using an SVG path with complex cubic Bezier curve data. The code imports React and ReactDOM to structure the SVG output, while each point's fill color is computed using the Math.random() function to produce varied RGB values. The entire composition is generated procedurally within a fixed 1000x1000 viewport.

Lleelakrishnadivi7@gmail.com
90% match
Loading thumbnail…

Fork of 6 Buddha

This visualization displays a densely overlapping arrangement of colored circular elements scattered across a 1000-by-1000 pixel SVG canvas, layered beneath a single large outlined Buddha path. The React application generates 30x30x30 random positioned circles with varying RGB fill colors and opacity, creating a vibrant, chaotic background. The Buddha silhouette is rendered using an SVG path element within a transformed group, scaled and translated to appear over the colorful scatter. The code imports React and ReactDOM, uses JavaScript array mapping for repetitive element generation, and employs inline SVG attributes for styling and positioning.

Ssathvik0311@gmail.com
90% match