Skip to main content
SimilarExport ZIP
100%

Fork of 6 Buddha's image

✓ Published0🌍 Public
Ddabbararakshitha@gmail.com
Last edited Mar 15, 2025
Created on Mar 15, 2025
Forked from 6 Buddha's image

This visualization displays six overlapping Buddha images rendered as complex SVG paths, each composed of layered concentric circles with randomized coordinates, colors, and rotations. The code uses React to render SVG elements, mapping over nested arrays to generate up to 21³ circles with dynamic fill colors derived from random RGB values and transforms. The Buddha paths are drawn from large string data with scale and translate transformations. A background flower image is applied via CSS, while React and ReactDOM handle the component mounting and DOM updates.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 6 Buddhas

The visualization displays six overlapping Buddha silhouettes, each rendered as a violet-filled SVG path with a white stroke, creating a layered, translucent composition. The paths are rotated and scaled within separate `<g>` groups, producing a stacked, almost mandala-like arrangement against a background image of green flowers. It uses React and ReactDOM to construct the SVG scene, with the Buddha shape defined by a long, encoded path string. The code includes a cubic function and an array, but these do not visibly affect the drawing.

Rrishithagovini99@gmail.com
94% match
Loading thumbnail…

Fork of 6 Buddha

The visualization displays a colorful, overlapping arrangement of Buddha-like figures, rendered as a complex SVG path, on a decorative floral background. Each smaller element is a nearly invisible placeholder that contributes to a scattered grid of colored squares, while the primary Buddha is drawn with a dense, continuous vector path. The React code uses nested `A.map` functions to generate SVG elements with random fill colors and opacity, while the main figure is a large, static `path` transformed via the `g` element. The work is built with React and ReactDOM, producing SVG output directly in the browser.

Ssaivaishnogaruda@gmail.com
94% match
Loading thumbnail…

fork of fork of 6 buddha

This visualization displays six iterations of a Buddha silhouette against a floral background, rendered as an SVG using React. The code generates a grid of twenty small circles with random positioning and RGB colors defined by a cubic function, alongside a complex path drawing the Buddha figure. It uses React and ReactDOM to construct the SVG elements, with CSS styling that centers the image and applies a hover transform effect.

11810vineeth@gmail.com
94% match
Loading thumbnail…

Fork of 6 Buddhas

This visualization renders a Buddha image as an SVG path, repeated with transformations to create an overlapping, colorful composition. The code uses React with ReactDOM to build the SVG structure, mapping over arrays to generate multiple `<null>` elements with randomized coordinates, fills, and rotations, alongside the core Buddha path. The Buddha path data is drawn from a predefined set of coordinates, scaled and translated to create layered, semi-transparent forms against a floral background image. The piece demonstrates generative repetition and color variation within a fixed SVG canvas.

Aajaykumarseelam@my.unt.edu
93% match
Loading thumbnail…

Fork of 6 Buddha

This visualization displays a single, large Buddha silhouette rendered as an SVG path, repeated and scaled within a 960 by 1000 pixel viewport. The code uses React to structure the SVG elements, with the path data embedded directly in the source. A background image of flowers is applied via CSS, and the Buddha paths are filled with random RGB colors. The example demonstrates programmatic SVG rendering and random color generation within a React component.

Bbhargavipagolu2025@gmail.com
93% 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
93% 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
93% 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
93% match