Fork of Unlimited Buddhas

100%

Fork of Unlimited Buddhas

✓ Published0🌍 Public

Last edited Feb 25, 2024

Created on Feb 25, 2024

An endless field of small Buddha silhouettes, each rendered as an SVG path, radiates outward from the center of a 960x960 canvas against a warm cream background. The arrangement is generative, driven by nested React state maps that compute each figure’s position from trigonometric functions, placing 150 by 150 instances in a circular grid pattern. Built with React 18 and SVG, the visualization uses `ArrayX` and `pixel` loops to translate and scale each path, creating a repetitive, meditative pattern that fills the frame without interaction.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

NNita

92% match

Loading thumbnail…

Fork of Fork of Data generative art - Unlimited Buddha

This generative art piece renders a dense, mandala-like pattern of overlapping Buddha silhouettes. It uses React and SVG, with the shape defined by a complex path data string. The code maps over 1050×1050 coordinate pairs, calculating positions using the sine and cosine of an array value multiplied by the pixel index, creating a circular, radial distribution. The SVG is rendered on a warm, off-white background.

NNita

89% match

Loading thumbnail…

Fork of Data generative art - Unlimited Buddha

A generative art piece draws an intricate, branching mandala-like pattern with a looping SVG path repeated across a grid of 150 by 150 positions, scaled and rotated to fill the canvas. Built with React and rendered as SVG, the code uses `ArrayX` and `pixel` arrays to map each grid cell, applying trigonometric functions to position mirrored copies of the path around the center. The result is a dense, symmetrical composition resembling an ornate floral or geometric bloom.

NNita

88% match

Loading thumbnail…

Unlimited Buddha

An interactive generative visualization titled "Unlimited Buddha" renders a repeating ornamental shape across a 960×960 SVG canvas. The artwork employs React with `createRoot` and `useState` to generate 150×150 concentric arrangements, transforming each instance’s position using trigonometric functions of the loop indices. The custom vector path, drawn via SVG `<path>` elements, is scaled and translated in a grid pattern against a warm beige background (#F6EEE3), producing a tile-like fractal mandala effect through nested `<g>` transformations.

NNita

88% match

Loading thumbnail…

Unlimited Buddhas

An SVG visualization of 150 Buddha-like glyphs arranged in a generative spiral. Each path traces a complex, hand-coded curve, duplicated and transformed by translating them along a circular path and scaling them down to 10%. The composition emerges from nested `map()` loops in React, with each glyph’s position calculated from trigonometric functions of its index, producing a radiating mandala against a warm beige background.

NNita

88% match

Loading thumbnail…

Fork of Buddha

Rendered with React and SVG, this visualization layers 1,000 randomly generated circles and rectangles over a hand-coded Buddha path. Each shape receives randomized position, size, color, and rotation values, creating a chaotic, colorful backdrop. The central Buddha silhouette, defined by a long SVG path drawn with cubic Bézier commands, floats on a sky-blue canvas. The code uses React’s `Array.map()` to generate the shapes and raw SVG elements, with no external plotting libraries.

Kkakumanusreya

86% match

Loading thumbnail…

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

A dense field of small, semi-transparent rectangles scatters across a black SVG canvas in a chaotic, colorful pattern, created by nested React map functions that generate random positions and RGB fill values. The visualization layers these overlapping shapes over a large, intricate Buddha path traced in white, with the geometric rectangles creating a stark contrast against the detailed line art. The code uses React and ReactDOM to render the SVG elements, with the Buddha path defined as a single complex SVG path data string and transformed and scaled within the composition.

BBhanuMotupalli

86% match

Loading thumbnail…

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

The visualization displays a large, ornate Buddhist figure rendered as a detailed SVG path, overlaid with hundreds of randomly placed, semi-transparent circles. Built with React and ReactDOM, the code uses nested `map` functions to generate 20³ colored circles with randomized positions and RGB fill values, while a separate `<path>` element draws the Buddha’s complex outline. The SVG canvas is 960×1000 pixels, with the path scaled and translated, and the circles set to 80% opacity over a black background.

HHarshathBudida@my.unt.edu

86% match