Skip to main content
SimilarExport ZIP
100%

Fork of Fork of AI Buddha Demo with Trees

✓ Published0🌍 Public
NNita
Last edited Feb 23, 2025
Created on Feb 23, 2025

An animated SVG scene depicts a Buddha silhouette seated on grass beneath a gradient sky, with procedurally generated fractal trees and drifting clouds. The React components use SVG path data for the Buddha figure and recursive branching functions for the trees, while cloud motion is driven by a `useState` and `setInterval` animation loop. The scene layers a customizable Buddha component, draggable via props like `x`, `y`, and `scale`, alongside tree and cloud elements, rendering within a single scalable SVG canvas.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of AI Buddha Demo with Trees

A serene landscape renders a golden Buddha statue beneath a gradient sky and grassy ground, surrounded by procedurally generated fractal trees and drifting clouds. The React component tree composes SVG elements for each visual layer, with recursive geometry building branches and stone textures. The `useState` and `useEffect` hooks animate cloud motion by updating positional offsets on an interval, creating a peaceful, living scene.

CCurran Kelleher
93% match
Loading thumbnail…

AI Buddha Demo with Trees

A meditative Buddhist scene shows a golden Buddha seated in lotus position beneath a sky of drifting clouds and a grassy field dotted with trees. The visualization is built with React and rendered as SVG, using recursive branch-drawing functions to generate each tree's organic structure. The Sky component animates clouds across the viewport with a periodic offset update, while layered gradients define the sky and ground.

CCurran Kelleher
88% match
Loading thumbnail…

Fork of tree

A tranquil scene shows a golden Buddha meditating beneath a recursively generated green tree on a grassy hill, with animated clouds drifting across a gradient sky. The tree is built with a recursive `drawBranch` function that computes branching paths using trigonometry, rendering SVG lines with varying stroke widths and colors. The clouds animate via React state and `requestAnimationFrame`, updating their horizontal offsets every 50 milliseconds. The visualization combines static SVG shapes for the Buddha and landscape with dynamic, scripted animation for the cloud movement.

Nnishanththouta16@gmail.com
87% match
Loading thumbnail…

Fork of Buddha changed

The visualization displays a dense, colorful field of rotated, semi-transparent polygons generated from nested loops over a numeric array, layered behind a large, intricate SVG path of a Buddha figure. The geometric background produces a randomized, chaotic texture, while the foreground Buddha path, traced in sharp detail, provides a contrasting focal point. Built with React, the SVG rendering uses nested `A.map()` iterations to create hundreds of polygons with random coordinates, fills, and a fixed 45-degree rotation, simulating an abstract, generative art piece. The Buddha path is rendered via an SVG `<path>` element, with a transform applied for scaling and positioning, demonstrating a hybrid of algorithmic pattern generation and structured vector illustration.

Gganeshrajuparmalla@my.unt.edu
82% match
Loading thumbnail…

Fork of Fork of 5_Buddha

A dense field of rotating, semi-transparent SVG polygons in vivid colors overlays a large, detailed Buddha path drawing on a black background. The polygons are generated procedurally from a numeric array, with each iteration using `Math.random()` to determine position and fill color. The Buddha silhouette is rendered as a single SVG `<path>` element, translated and scaled within the same coordinate space. The React application uses `ReactDOM` to render the static composition without animation or interaction.

SShashankkodishala@my.unt.edu
82% match
Loading thumbnail…

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

Small animated circles are scattered across a blue background, each with randomized positions, colors, and opacity. The circles pulse in size and rotate continuously while their fill cycles through a palette of red, yellow, purple, blue, pink, and orange. A static Buddha illustration is overlaid on top, creating a layered effect. The visualization uses React to render SVG elements, with animations driven by SVG's native `<animate>` and `<animateTransform>` tags rather than external libraries.

Rrallabandisushen@gmail.com
82% match
Loading thumbnail…

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

The visualization renders an overlapping Buddha silhouette using hand-coded SVG paths. The path data appears to originate from a pre-existing SVG shape, scaled and positioned within a React component. The code creates a fixed-size `<svg>` canvas via `ReactDOM` and includes commented-out experimental geometry that generates random polygons, suggesting iterative exploration. A background image of flowers and large red text are also styled on the page. The piece relies on React’s declarative syntax to structure the SVG elements, with the Buddha path repeated or layered in a “forked” evolution, though only a single path is actively drawn in the visible code.

Ssuhaibuddinahmed10@gmail.com
81% match
Loading thumbnail…

Fork of Buddha

Rendered with React and SVG, this visualization layers 1,000 randomly generated circles and rectangles over a hand-coded Buddha path. Each shape receives randomized position, size, color, and rotation values, creating a chaotic, colorful backdrop. The central Buddha silhouette, defined by a long SVG path drawn with cubic Bézier commands, floats on a sky-blue canvas. The code uses React’s `Array.map()` to generate the shapes and raw SVG elements, with no external plotting libraries.

Kkakumanusreya
81% match