Skip to main content
SimilarExport ZIP
100%

Buddha with React and D3

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

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Buddha Path -1

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.

NNita
90% match
Loading thumbnail…

Buddha

A colorful, abstract Buddha-like figure emerges from overlapping, randomly rotated and positioned polygons, rendered on a black background. The visualization uses React to generate SVG elements, with nested `Array.map` iterations creating a dense field of semi-transparent shapes. The figure itself is drawn using a detailed SVG `path`, scaled and translated from an anonymous data source. The code leverages the React and ReactDOM libraries to render the composition in the browser.

Llingaladineshteja23@gmail.com
86% 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
86% match
Loading thumbnail…

Buddha

This visualization renders a black-and-white Buddha image composed of overlapping geometric shapes. The React code generates numerous rotated SVG polygons with random coordinates and RGB fill colors, layering them over a pre-defined Buddha path. Using React 16.10 and SVG, it creates a generative, abstract interpretation of the figure, with the base path from the source code providing the iconic silhouette.

Ssbharaththota@gmail.com
86% match
Loading thumbnail…

Buddha

This visualization renders a black-and-white Buddha image composed of overlapping geometric shapes. The React code generates numerous rotated SVG polygons with random coordinates and RGB fill colors, layering them over a pre-defined Buddha path. Using React 16.10 and SVG, it creates a generative, abstract interpretation of the figure, with the base path from the source code providing the iconic silhouette.

Ssbharaththota@gmail.com
86% match
Loading thumbnail…

Buddha

A meditative scatter of overlapping circles drifts across a black field, layered above a single SVG path tracing the silhouette of Buddha rendered in colorful strokes. The visualization blends generative randomness with geometric structure, using React to render nested loops that place semi-transparent circles at randomized positions and colors. The Buddha outline is drawn with a detailed path element, scaled and translated into the composition, while the project relies on React and ReactDOM for its component-based rendering approach.

Aakitisaitejareddy@gmail.com
86% 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
85% match
Loading thumbnail…

Buddha 2

The visualization displays an abstract, multi-layered Buddha silhouette composed of overlapping, randomly generated polygons, each filled with vibrant RGB colors and rotated at 45 degrees. The piece uses React and ReactDOM to render an SVG scene, leveraging nested array maps to create the chaotic polygon field behind a central Buddha path. The path data is drawn from a hardcoded SVG path string, while the background polygons are generated using JavaScript’s `Math.random()` for positioning and color, set against a green page background. The result is a colorful, geometric reinterpretation of a Buddha figure, blending procedural chaos with a clear iconographic form.

JJean
85% match