Skip to main content
SimilarExport ZIP
100%

Fork of budha

✓ Published0🌍 Public
Hharshabandi3060@gmail.com
Last edited Oct 18, 2024
Created on Oct 13, 2024
Forked from budha

A decorative Buddha-like figure is rendered as the central focus of the visualization, drawn with SVG paths that trace intricate, curving lines to form the face and body. The code uses React to generate and manage the SVG elements, with multiple nested `<g>` transformations that scale and position the paths to create a layered composition. A background image of a flower is displayed behind the drawing using CSS `object-fit`, while the figure itself is styled with thick white strokes and black fills on a black page, giving the artwork a high-contrast, mandala-inspired appearance. The visualization is static, with no interactive or animated elements.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of budha

This example renders a decorative SVG artwork called "budha," built with React and displayed as a large centered graphic on a black background. The visualization layers a repeated flower image with a complex, hand-coded SVG path that forms an intricate Buddha-like silhouette. The path data is defined inline within a React component, and the image is tiled via nested array mappings. React elements produce the SVG output, while plain JavaScript calculates coordinates and transformations. No external data libraries are used; the rendering relies entirely on React’s virtual DOM to generate static SVG markup.

Ssriharshakondakindi@gmail.com
91% match
Loading thumbnail…

Fork of budha 2

The visualization depicts a large, monochromatic line-art portrait of Buddha, overlaid on a floral background image. It uses React and ReactDOM to render an SVG canvas containing a single complex path element with hundreds of coordinate points. The path is drawn with a black fill and no stroke, creating a detailed silhouette. The underlying image is sourced from an external URL and is scaled to cover the entire SVG viewport, with the Buddha path layered on top.

Ggnitishreddy0245@gmail.com
91% match
Loading thumbnail…

Fork of budha

A dense field of small, randomly colored circles overlays a large, black Buddha silhouette drawn as an SVG path. The circles are generated through three nested `Array.map` loops over a fixed array, with their positions and fill colors determined by `Math.random()`. The Buddha figure is rendered using a single SVG `<path>` with a translucent stroke, while the entire composition is built with React and rendered to the DOM via `ReactDOM`. The visualization relies solely on SVG primitives and React's declarative component model.

Ssruthimreddy6@gmail.com
91% match
Loading thumbnail…

Fork of Fork of budha

This visualization renders a dense, generative mandala-like composition using React and SVG. It maps a repeating set of coordinates through a series of nested loops, drawing semi-transparent polygons with randomized positions, colors, and rotations. A single intricate path—the "budha" silhouette—is overlaid at a fixed translation, creating a contrast between the chaotic, colorful geometric scatter and the structured, monochrome linework. The black background and full-viewport canvas amplify the glowing, kaleidoscopic effect of the randomly generated shapes.

Hhemanthmaddila13@gmail.com
90% match
Loading thumbnail…

Fork of budha

This visualization layers hundreds of randomly positioned and colored circles over a large, intricate SVG path that forms a looping ornamental figure, likely a Buddha silhouette. The circles are generated through nested array mappings in React, with each point’s coordinates and fill color derived from `Math.random()`. The path is drawn with a thick stroke, while the black background and high opacity of the circles create a dense, textured composition that blends geometric noise with a structured central form.

Aaniteshterala2000
90% match
Loading thumbnail…

Fork of budha

A React and SVG visualization renders two overlapping white-outlined copies of a black Buddha silhouette path. Using a fixed 960 by 1000 viewport, each copy is wrapped in a `<g>` element with a `transform` attribute controlling `translate` and `scale` values to offset and resize the same path data. The code defines a static SVG path with cubic Bézier commands and renders it with React's `ReactDOM` production API, producing a simple layered graphic without interaction or animation.

Bbhavyamoturi2509@gmail.com
90% 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
89% match
Loading thumbnail…

Fork of budha

A dense field of small, randomly colored rectangles overlays a large Buddha silhouette drawn with intricate SVG path data. The rectangles, generated through nested array maps, have positions and fill colors determined by the `Math.random()` function, creating a chaotic, pixelated texture. The image is set against a floral background applied via CSS, with a large title message and a red subtitle also present. The visualization uses React and renders entirely through SVG elements.

Vvullihanumantharao@gmail.com
88% match