Fork of Svelte & Buddha Art

Svelte & Buddha Art

A spiraling phyllotaxis layout of 1,000 Buddha silhouettes demonstrates Svelte's reactive rendering and SVG animation capabilities. Each path shape uses d3's `scaleSequential` with `interpolateWarm` for a gradient from gold to deep orange. An active circle sequentially reveals each silhouette by toggling its fill opacity via `setInterval`. The layout algorithm uses a custom `layoutPhyllotaxis` function with the irrational³ angle and square-root scaling to create a golden-angle-inspired distribution.

92% match

Rrallabandisushen@gmail.com

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.

82% match

Fork of Fork of Unlimited Buddhas

This generative art piece renders hundreds of tiny Buddha silhouettes arranged in concentric circular patterns across a warm beige background. The artwork uses React with SVG rendering, where each Buddha path is placed via a coordinate system based on trigonometric functions of an incremental array. The visualization creates a mandala-like effect through repeated scaled transformations, with the path data defining the Buddha shape at each position.

Fork of Buddha

Circles in a rainbow of colors grow from points on a black canvas, then converge and overlap to form a glowing, Buddha-like silhouette. The piece uses D3’s `select` and `transition` APIs with `easeLinear` to animate circle radius and position over time, while `mix-blend-mode: screen` in CSS blends overlapping shapes. Data comes from a static CSV-like array of coordinates, radii, and hex colors.

Fork of Unlimited Buddhas

This visualization generates a grid of 150 by 150 small Buddha silhouettes, each positioned using a polar-coordinate pattern based on its index. The SVG output is rendered through React and ReactDOM, with each Buddha drawn as a single complex SVG path. The data is procedurally generated in JavaScript, using the `Math.cos` and `Math.sin` functions to calculate each element's placement. The warm beige background and repeated icon create a meditative, generative art piece.

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.

Kkandulasunny17@gmail.com

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

A Buddha silhouette is repeated in five nested, semi-transparent layers, each filled with a randomized RGB color and scattered across the canvas as small circles. Using React with SVG rendering, the code maps arrays of twenty numbers to generate overlapping circular shapes and applies the same path data to each layer with a scale transform. The visualization relies on React’s component model and SVG elements like `<circle>` and `<path>` to create a dense, colorful, abstract composition from a single source path.

SSaiKiranReddyKancharla@my.unt.edu

Fork of Fork of Sai Buddha 5

A generative Buddha silhouette is drawn from a hand-coded SVG path, layered with thousands of semi-transparent randomly colored circles produced by nested React `map` iterations. The visualization uses React 16.10 and renders to SVG, with the background set to a floral image via CSS. Each circle’s position, size, and RGB fill are randomized on every render, creating an overlapping, kaleidoscopic effect over the static Buddha shape. The code directly maps over arrays to generate the circles without external data or simulation libraries.