Skip to main content
SimilarExport ZIP
100%

budha

✓ Published0🌍 Public
Ssumanthpenna0221@gmail.com
Last edited Oct 18, 2024
Created on Oct 18, 2024

Six nearly identical Buddha images are arranged in a vertical column, each one a direct reflection of the next. A JavaScript `DOMContentLoaded` event handler programmatically creates six `div` elements with the class `reflection`, appending an `img` element with `src` set to `buddha.jpg` to each. The page uses plain HTML, CSS, and vanilla JavaScript to repeat the same image six times without any data-driven logic or external visualization libraries.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

5 BUDDHA

This example uses React to render a series of repeated Buddha images in a simple HTML layout, creating a mirrored or cascading visual effect. The code imports a single image file, `buddha.jpg`, six times within a dedicated `<div>`, with styling controlled by an external `styles.css`. The visualization demonstrates basic image repetition and placement within a React component, relying on standard HTML `<img>` tags and CSS for presentation rather than a data-driven or interactive approach.

Ssumanthpenna0221@gmail.com
82% match
Loading thumbnail…

six reflection buddha

A decorative React gallery displays six Buddha images in a 2x3 grid over a background photograph of flowers. Each image is rendered as an SVG path with a white border and shadow, and scales up smoothly on hover via a CSS transition. The layout uses a CSS grid with fixed image dimensions, while the SVG paths define the Buddha silhouettes with intricate bezier curves. React and ReactDOM handle the dynamic generation of decorative circles, which are placed at random positions with varying opacity and color values.

PPreethi Medepalli-91
82% match
Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of Fork of Buddha in colors -overlapping Buddha

Six overlapping Buddha images appear in a row, each horizontally flipped and displayed inside a 150-pixel square on a green background with a floral photo backdrop. The example uses React’s `DOMContentLoaded` event to create six `div` elements with class `reflection`, appending an empty `<img>` tag to each. Styling via CSS applies `transform: scaleX(-1)` for the mirror effect and `background-image` for the flower texture. The image source is empty, so the Buddhas remain blank placeholders.

Ssumanthpenna0221@gmail.com
81% match
Loading thumbnail…

Fork of buddha sumanth

This example renders six identical Buddha images in a vertical stack, each horizontally flipped to create a mirrored reflection effect against a floral background. The page loads a single remote image URL and uses plain JavaScript DOM manipulation to create the repeated elements, with CSS flexbox controlling the layout and the `transform: scaleX(-1)` property performing the mirroring. All styling, including the background image and container spacing, is defined in an external stylesheet, while the script runs on the `DOMContentLoaded` event to populate the container.

Ssumanthpenna0221@gmail.com
81% match
Loading thumbnail…

Buddha-6 reflections

A grid of six Buddha images is displayed over a floral background photograph, with each image scaling on hover. The visualization is built with React and rendered as SVG, using a nested `map` loop to generate decorative circles with randomized positions and colors. The background is applied via CSS, and the Buddha silhouettes are drawn from embedded SVG path data.

Aadapasaidivya99@gmail.com
80% match
Loading thumbnail…

6 Reflections of Budhha

Six reflections of a Buddha silhouette overlap in a vertical column, each rendered as a violet SVG path on a decorative flower background. The paths are drawn from a single hardcoded path definition reused six times, with each instance translated and scaled via SVG group transforms. The React component defines a 960×1000 canvas, and the code sets stroke and fill values, though the final stroke appears white. The visualization relies on React and ReactDOM with SVG markup, including a flower background image.

HHema Tummapala
79% match
Loading thumbnail…

buddhaaa Reflection

The visualization displays a horizontal row of six Buddha images, where alternating images are mirrored to create a rhythmic reflection pattern. Using a Canvas rendering approach, the code loads a single Buddha image and draws it six times across a 900-pixel-wide canvas. For even-indexed positions, the image appears normally, while odd positions use the Canvas `save`, `scale(-1,1)`, and `restore` methods to flip the drawing horizontally, producing a mirrored effect. The visualization runs on React with a flower-patterned background image applied via CSS.

Sshettisowmya01@gmail.com
78% match
Loading thumbnail…

Six Reflections of Buddha

Six Reflections of Buddha displays a single Buddha silhouette repeated six times across the view, each instance colored with semi-transparent randomized RGB fills over a floral background image. The rendering uses React with SVG, generating the paths via nested array maps that place the figure at random coordinates. The implementation relies on React’s `createElement` and SVG `path` elements, with the background set through CSS.

Gganesh.hns48@gmail.com
78% match