Skip to main content
SimilarExport ZIP
100%

Fork of Rotating Buddha

✓ Published0🌍 Public
NNita
Last edited Mar 16, 2025
Created on Mar 15, 2025
Forked from Rotating Buddha

A large red heart sits centered on a black background, rendered with smooth SVG paths and a radial gradient that gives it a soft, three-dimensional glow. Built with React and SVG, the heart uses a drop-shadow filter for a subtle red halo and scales slightly when hovered. The page is coded in JavaScript with JSX, using React 18's `createRoot` and basic CSS transitions for the interactive effect.

AI-generated description

Red Heart

A simple React application that displays a big red heart on a black background. The heart features:

  • Smooth curved edges using SVG path
  • Radial gradient fill for 3D effect
  • Subtle red glow using drop-shadow
  • Hover animation effect
  • Centered positioning on the page
MIT Licensed

Similar vizzes

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

Fork of 5 Buddhas

A black-background React visualization displays thousands of randomly positioned, semi-transparent circles in muted reds and greens, overlaid by a large white Buddha silhouette drawn as an SVG path. The circles are generated through triple-nested array maps with randomized coordinates and RGB fills, while the Buddha path uses fixed coordinates with custom stroke styling. Built with React 16.10 and rendered via SVG, the example combines procedural generative art with a static religious icon.

Ssanjanaadapa7@gmail.com
83% match
Loading thumbnail…

Fork of 5 buddha

A vibrant, generative art piece built with React and rendered as SVG, featuring a large golden Buddha-like figure at its center. The background is black, and the composition is overlaid with hundreds of randomly placed, semi-transparent colored polygons, each rotating 45 degrees. These shapes are generated by a triple-nested loop iterating over values 0 through 20, with positions, sizes, and colors determined by repeated pseudo-random calculations seeded by array values. A single 20-element array drives the generation, and the SVG also includes a detailed decorative path tracing the Buddha form, creating a layered, abstract mandala effect.

Bbudalavijay2001@gmail.com
82% match
Loading thumbnail…

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

Black concentric circles scatter over the canvas, layered beneath a bold orange Buddha silhouette drawn from SVG path data. The circles use random positioning and RGB color generation within React’s JSX, while the path is translated and scaled. React 16 renders the SVG elements, combining generative geometry with a static religious icon.

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

Rotating Buddha

A rotating Buddha path is rendered at the center of a large SVG canvas, forming a mandala-like pattern. The path itself is an intricate vector shape defined by a long SVG path data string. The application uses React to manage state, with a `useEffect` hook and `setInterval` to increment a rotation value by one degree every 30 milliseconds. This rotation is applied to the Buddha path via a transform. Multiple instances of the path are displayed with different scales, colors, and opacities, each offset by 60 degrees, creating a dynamic, spinning geometric composition.

NNita
81% match
Loading thumbnail…

Fork of 6 Buddha

This example displays a single, large geometric figure rendered in red SVG paths over a floral background image. The visualization is built with React and uses inline SVG path data to draw the intricate, buddha-like shape. The code includes commented-out map functions that generate random circles, but the active rendering relies on the hard-coded path coordinates. The page applies a background image via CSS and centers the SVG within a full-viewport container, with the figure scaled and positioned using SVG transform attributes.

Bbhargavipagolu2025@gmail.com
81% match