Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Six Buddhas

✓ Published5🌍 Public
NNita
Last edited Mar 15, 2025
Created on Mar 15, 2025

Six Buddha outlines rotate in a circular mandala, each drawn as a single cubic Bézier path with distinct scale, fill, stroke, and opacity values. The rotation state increments by one degree every 30 milliseconds, producing a slow, synchronized spin around the shared center. This React application uses a custom `BuddhaPath` component that applies `rotate` and `scale` transforms to a hard-coded path `d` attribute within an SVG `<g>` element. The six instances are offset by 60-degree increments, creating a layered, colorful pattern against a floral background image. React's `useState` and `useEffect` hooks drive the animation loop.

AI-generated description

Rotating Buddha Mandala

A React application that displays rotating Buddha paths in a mandala-like pattern.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of Six Buddhas

Six buddha silhouettes rotate in concentric, overlapping orbits around a shared center, creating a mandala-like animated composition. Each path uses a different scale, color, and opacity, layered over a fixed green-flower background image. The React application uses `useState` and `useEffect` in `index.js` to increment a rotation value every 30 milliseconds, passing it to six `BuddhaPath` components that apply SVG `transform` rotations and scales to the same single path data. The code renders the SVG directly with ReactDOM, relying on hardcoded path coordinates rather than external data.

NNita
95% match
Loading thumbnail…

Fork of Fork of Fork of Six Buddhas

Six overlapping Buddha silhouette paths rotate continuously in a mandala-like pattern, each with a distinct fill color, stroke, and opacity. The animation increments a rotation state by one degree every thirty milliseconds. Built with React and rendered as SVG, the code defines a reusable `BuddhaPath` component that applies a rotation transform to a single static path, replicating it at different scales and offsets around the center.

NNita
95% match
Loading thumbnail…

Fork of Fork of Fork of Six Buddhas

Six rotating Buddha silhouettes form a continuously spinning mandala on a dark, floral background. Each SVG path is rendered at a different scale, color, and opacity, and they rotate around a shared center point at different offsets. The animation is driven by React state updated every 30 milliseconds, with each BuddhaPath component using a static path string transformed via rotate and scale attributes. React 16.10 and ReactDOM manage the component rendering and state updates.

NNita
94% match
Loading thumbnail…

Fork of Fork of Fork of Six Buddhas

Six rotating Buddha silhouettes form a continuously spinning mandala on a dark, floral background. Each SVG path is rendered at a different scale, color, and opacity, and they rotate around a shared center point at different offsets. The animation is driven by React state updated every 30 milliseconds, with each BuddhaPath component using a static path string transformed via rotate and scale attributes. React 16.10 and ReactDOM manage the component rendering and state updates.

NNita
94% match
Loading thumbnail…

Fork of Fork of Fork of Six Buddhas

Six rotating Buddha silhouettes form a continuously spinning mandala on a dark, floral background. Each SVG path is rendered at a different scale, color, and opacity, and they rotate around a shared center point at different offsets. The animation is driven by React state updated every 30 milliseconds, with each BuddhaPath component using a static path string transformed via rotate and scale attributes. React 16.10 and ReactDOM manage the component rendering and state updates.

NNita
94% match
Loading thumbnail…

Fork of Rotating Buddha

This example shows a mandala-like pattern of six Buddha paths rotating continuously at different speeds and scales, each with distinct colors and opacities over a floral background image. The React application uses SVG `<path>` elements embedded in a `<g>` group, with transformations applied via `rotate` and `scale` attributes. Animation is driven by `React.useState` and `React.useEffect`, updating rotation values in a `setInterval` loop every 30 milliseconds. The code loads React 18 and ReactDOM from UMD builds and uses Babel standalone to transpile JSX in the browser.

NNita
91% match
Loading thumbnail…

Fork of Rotating Buddha

A rotating Buddha silhouette forms a colorful mandala as three instances of the same path shape spin at different scales and offsets. The React application uses SVG paths and a `setInterval` hook to incrementally update a rotation state every 30 milliseconds, creating continuous animation. Each BuddhaPath component applies a transform with rotate and scale values, with varying fill colors, stroke colors, and opacity levels, all rendered on a fixed 960×1000 canvas.

NNita
90% match
Loading thumbnail…

Fork of Six Buddhas

Six overlapping Buddha silhouettes form a colorful, layered composition against a floral background image. Each Buddha path is rendered as an SVG `<path>` element, transformed with a scale and translation to create the offset stack. The React application uses `ReactDOM` to render the SVG canvas, while the paths are defined by complex, hand-coded cubic Bézier curve data. A fuzzy, colorful circle pattern is also present but commented out, leaving the interlocking Buddha shapes as the primary visual element.

Oorusushanth2002@gmail.com
89% match