Skip to main content
SimilarExport ZIP
100%

Buddha Path -1

✓ Published1🌍 Public
NNita
Last edited Jul 2, 2025
Created on Jul 2, 2025

An interactive Buddha silhouette drawn from a complex SVG path responds to four animation modes: draw, particles, morph, and pulse. D3 transitions animate the path drawing and pulsing stroke width, while a custom particle system moves circles along the path using `getPointAtLength`. Buttons switch between modes, which fluctuate the path’s shape through interval-driven morphing. The visualization runs in React with D3 v7, rendering on a dark background with a blue-tinted grid and gradient stroke.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Buddha with React and D3

This visualization renders a Buddha silhouette using an SVG path loaded from a text file, animated with glowing particles drifting across a gradient background. The React app integrates D3 v7 to manage SVG elements, apply gradients and filters, and run frame-by-frame particle animation via `requestAnimationFrame`. The path data, though simplified in this example, is scaled and centered within the viewport, with hover effects and a glowing filter enhancing the meditative aesthetic.

NNita
90% match
Loading thumbnail…

Buddha

A layered animation of colorful circles expands and shifts across a black background, using a screen blend mode to create luminous overlaps. The circles appear with staggered transitions, growing to a uniform radius before adjusting to their target positions and colors. Built with D3.js, the visualization uses `transition()` calls with varying delays and durations, along with an SVG opacity setting, to orchestrate the movement. The shape of a path is embedded in the code, hinting at a hidden form that the circles may ultimately trace.

NNita
84% match
Loading thumbnail…

Buddha

A meditative portrait of the Buddha emerges from overlapping violet and green outline paths rendered in SVG. The code uses React to create a layered composition of the same path definition, transformed through scaling and translation to build visual depth. A black background with a floral image behind the SVG adds context to the figure. The `<path>` elements use explicit `d` coordinate strings rather than a data-driven approach, with `stroke` and `stroke-width` properties defining the colored contours.

Hhkodiripaka15@gmail.com
84% match
Loading thumbnail…

Buddha

A Buddha silhouette is composed of layered, semi-transparent violet SVG paths that overlap to create a dense, painterly image. The visualization renders the same path data twice, each instance scaled and translated to interlock within a 960x1000 viewport. Built with React, the app uses ReactDOM to inject the SVG directly into the DOM. A background image of flowers and a large red message element are also present, contributing to the decorative, experimental nature of the piece.

Rrahul.bonu524@gmail.com
83% match
Loading thumbnail…

Buddha in colors

A Buddha silhouette is drawn as an SVG path and layered with hundreds of overlapping colored circles, each with random positions and RGB fill values, creating a vibrant, abstract mosaic over the figure. The circles are generated by a triple-nested React map over a numeric array, producing chaotic, randomized dots that contrast against the black background. React and ReactDOM manage the component rendering, while the path stroke is set to none, leaving the Buddha shape defined solely by its fill.

NNita
83% match
Loading thumbnail…

Buddha Image

A Buddha silhouette, rendered as a black SVG path, is overlaid with hundreds of semi-transparent colored circles. The circles are generated by three nested loops, each mapping an array of numbers to random x and y coordinates and random RGB fill values. This React application uses ReactDOM to render the SVG output, with circles and the path drawn directly via JSX, creating a colorful, abstract pattern over the figure.

Iikshwakalluri
82% match
Loading thumbnail…

Buddha

A black canvas displays dozens of randomly placed, semi-transparent circles in varied colors, layered with a large orange and white line drawing of Buddha rendered as an SVG path. The React app uses `ReactDOM` to render SVG elements, mapping over nested arrays to generate circles with random positions and fill values. The Buddha path is hardcoded and drawn with a thick stroke, combining generative randomness with a static figurative icon.

Nnaveen.dodda4321@gmail.com
82% match
Loading thumbnail…

Buddha-ICE-4

A generative React visualization renders a decorative Buddha silhouette from an embedded SVG path, layered over a dense field of 8,000 semi-transparent circles with randomized positions and colors. The circles are produced by nested array mappings over a fixed numeric sequence, using JavaScript’s `Math.random()` to vary their coordinates, fills, and opacity. The Buddha path is drawn via a `<path>` element within a transformed `<g>` group, while all shapes are output as SVG through React’s standard component model. The composition combines procedural noise with a static religious icon.

Jjayanthamol99
82% match