Skip to main content
SimilarExport ZIP
100%

buddas_sd

✓ Published0🌍 Public
Ssumithdugyala@my.unt.edu
Last edited Oct 14, 2024
Created on Oct 14, 2024
Forked from 5 buddas

A matrix of overlapping, multi-colored Buddha outline paths fills the screen, rendered as a dense, generative pattern against a black background. The visualization uses React to map over a numeric array and produce hundreds of semi-transparent SVG circles, while the Buddha shape itself is drawn from a hardcoded SVG path. React 16.10.0 and ReactDOM render the SVG elements dynamically, with random coordinates and RGB fill values generated via `Math.random()` for each circle, creating a chaotic yet structured layering effect.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Buddhas

This visualization depicts a grid of diamond-shaped polygons rendered in vibrant, random colors against a black background, with a large, hand-drawn SVG path of a Buddha figure overlaid in the foreground. The code generates the geometric pattern using nested `Array.map` methods in React, computing polygon points and fill colors via `Math.random`. The Buddha shape is a static SVG path element, scaled and positioned with a transform, while React renders both elements into an SVG canvas. The example demonstrates combining procedural generative art with precise vector drawing in a React-based visualization.

VVarshareddy2912
89% match
Loading thumbnail…

buddha

A dense field of colorful, semi-transparent circles overlaps a black-and-white line drawing of the Buddha’s face, all rendered within a single SVG canvas. The circles are generated procedurally by nested React map calls, with positions and fill colors derived from a pseudo-random function. The Buddha outline itself is a static SVG path with a stroke width of five, created using React’s JSX syntax and the ReactDOM library. The visualization combines abstract generative art with a traditional iconic form, built entirely with React components.

Cchinnivikramnunna@gmail.com
88% match
Loading thumbnail…

Buddhas

A grid of overlapping, rotating polygons fills a black canvas, each rendered with random positions, sizes, and vibrant colors through React and SVG. The visualization builds a dense, kaleidoscopic pattern by mapping over a numeric array multiple times to generate polygon points, using `Math.random()` for varied coordinates and fill values. A transparent Buddha silhouette path is layered on top, translated and scaled to overlay the chaotic geometry, creating a contrast between abstract shapes and a recognizable figure. The code uses React's `ReactDOM` and SVG elements like `<polygon>` and `<path>`.

Kkondaveeti.bhargavi7780@gmail.com
88% match
Loading thumbnail…

Buddhas

A grid of overlapping, rotating polygons fills a black canvas, each rendered with random positions, sizes, and vibrant colors through React and SVG. The visualization builds a dense, kaleidoscopic pattern by mapping over a numeric array multiple times to generate polygon points, using `Math.random()` for varied coordinates and fill values. A transparent Buddha silhouette path is layered on top, translated and scaled to overlay the chaotic geometry, creating a contrast between abstract shapes and a recognizable figure. The code uses React's `ReactDOM` and SVG elements like `<polygon>` and `<path>`.

Kkondaveeti.bhargavi7780@gmail.com
88% match
Loading thumbnail…

Buddhas

A dense, overlapping field of small, brightly colored rotated polygons forms a chaotic abstract composition on a black background. The visualization renders a single large Buddha silhouette as an SVG path, layered behind the scattered geometric shapes. Built with React and ReactDOM, the code generates points from a generic numeric array and maps them to polygon elements with random positions, colors, opacity, and rotation. The Buddha path itself is drawn directly from embedded SVG path data, producing a static, high-contrast contrast between the structured figure and the seemingly random colorful overlay.

AAnirudhaKulakarniKaranam@my.unt.edu
88% match
Loading thumbnail…

buddha

A dense scatter of small, semi-transparent circles forms a glowing, nebulous field atop a black background, layered over a thin, intricate line drawing of a Buddha figure. The circles are generated by nested loops that map array values to random screen positions and RGB colors. The SVG rendering relies on React's `createElement` and JSX to produce circle and path elements, with the Buddha’s complex path data and stroke styling embedded directly in the markup.

Mmn0658
88% match
Loading thumbnail…

Fork of 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.

Ssumithdugyala@my.unt.edu
88% match
Loading thumbnail…

Buddhas

The Buddhas visualization displays a large central violet Buddha figure composed of a single intricate path, accompanied by a dense field of small, randomly positioned, semi-transparent colored circles that create a scattered, pointillist backdrop. The React application renders all elements within a 960 by 1000 pixel SVG canvas, using nested `A.map()` loops to generate the numerous circles, whose positions and fill colors are determined by `Math.random()`. The main Buddha shape is drawn via a complex SVG `<path>` element with extensive path data, scaled and translated into position.

Ttallavijayalakshmi0710@gmail.com
88% match