Skip to main content
SimilarExport ZIP
100%

Uday Fork of 6 Buddas

✓ Published0🌍 Public
UUday Vandanapu
Last edited Oct 17, 2024
Created on Oct 17, 2024

A React-based visualization renders six overlapping Buddha silhouettes, each drawn as an SVG path filled with green and outlined in yellow, then transformed with varying scales and translations. The paths are layered atop a background image of flowers, with the composition anchored by a large HTML heading. The code uses React's JSX structure to generate the SVG elements, mapping coordinate data into path definitions.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Uday Fork of 6 Buddas

A grid of small, translucent, randomly colored rect elements is rendered first, creating a scattered backdrop. Over this, six nearly identical SVG paths, each depicting the outline of a Buddha, are drawn. The paths are positioned and scaled to overlap, and a flower-patterned background image is set via CSS on the body, which shows through the transparent SVG. The example uses React with ReactDOM to generate the SVG markup, while the paths are drawn using raw SVG path data.

UUday Vandanapu
92% match
Loading thumbnail…

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

Ddabbararakshitha@gmail.com
87% match
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
86% match
Loading thumbnail…

Fork of 6 Buddhas

Six overlapping outlines of the Buddha’s head are drawn as SVG paths in violet with white strokes, repeated at different scales and positions against a black background with a green floral image. Built with React and ReactDOM, the code generates twenty numeric values used to construct the path data, then renders each Buddha as a transformed `<path>` element. The composition layers the identical shape multiple times to create a dense, monochromatic pattern.

Mmaneeshraja47@gmail.com
85% 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
85% match
Loading thumbnail…

Fork of 6 buddas

A fork of the "Buddha in colors" visualization renders a series of overlapping Buddha silhouette paths, transformed with varying scales and translates to create a stacked arrangement. The artwork uses React to manage the SVG output, with each path defined by a complex inline `d` string and styled with white strokes and black fills. The code randomly positions these paths across a static SVG canvas, with the body background set to a flower image via CSS.

Aazeemrm630@gmail.com
85% match
Loading thumbnail…

6 Buddhas

A single large SVG displays six overlapping Buddha silhouettes, each rendered as a complex path filled with layered, translucent hues. The composition is generated by React components that build SVG paths using static coordinate data, with the array `A` and cubic functions defining shape variations. The code applies random colors and rotations through SVG attributes, while a floral background image is set via CSS. React 16.10 and ReactDOM manage the rendering, with the entire 960 by 1000 pixel visualization contained in a single `<svg>` element.

Kkesava
85% 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
85% match