Skip to main content
SimilarExport ZIP
100%

Fork of budha

✓ Published0🌍 Public
Ssriharshakondakindi@gmail.com
Last edited Mar 29, 2024
Created on Mar 28, 2024
Forked from 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.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

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

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

Hharshabandi3060@gmail.com
91% match
Loading thumbnail…

Fork of budha

This example, built with React and rendered as SVG, layers thousands of semi-transparent, randomly colored circles onto a black canvas. Each circle’s position and color are generated from nested array mappings and Math.random values, creating an abstract, chaotic composition. Superimposed on this is a large, detailed path drawing derived from the Buddhist "budha" motif, scaled and translated into the upper-left region. The stark black background and the path’s intricate linework contrast with the scattered dots, producing a dense, almost generative aesthetic.

Bbrahmateja.edu2023@gmail.com
91% match
Loading thumbnail…

Fork of budha

This example displays a dense, chaotic arrangement of semi-transparent, randomly colored SVG polygons scattered across a black background, with a single detailed Buddha-like path traced in white at the center. It uses React and ReactDOM to render the SVG elements, generating triangles with random coordinates, colors, and rotations from nested array iterations. The central figure is drawn using an explicit SVG `<path>` element with a long, complex geometry, layered over the abstract polygon field.

Hharshabandi3060@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
90% match
Loading thumbnail…

Fork of budha

A dense constellation of small, randomly colored circles is generated by the React component, while a single large, ornate SVG path labeled “budha” is layered on top with a semi-transparent stroke and intricate swirl details, creating a chaotic, generative composition against a black background.

Hhemanthmaddila13@gmail.com
90% 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 example renders a dense field of randomly positioned, semi-transparent circles in dark colors atop a black background, layered with a large, intricate orange SVG path depicting a decorative Buddha figure. The circles are generated through nested React map loops, with each circle’s position, fill color, and opacity determined by `Math.random`. The Buddha path is drawn using SVG `path` coordinates within a transformed group, while the entire composition is built with React elements rendered to SVG via ReactDOM.

Hharshabandi3060@gmail.com
90% match