Unlimited Buddhas

100%

Unlimited Buddhas

✓ Published2🌍 Public

Last edited Jan 29, 2024

Created on Jan 29, 2024

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.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

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

90% match

Loading thumbnail…

Unlimited Buddha's with AI

A generative mandala visualization arranges repeating Buddha silhouettes in a concentric spiral pattern, with each silhouette’s fill color cycling through harmonious palettes of earthy browns, serene blues, spiritual purples, and greens. The SVG animation rotates continuously, while mouse movement creates subtle scaling effects near the cursor, and users can pause playback, zoom, or switch palettes via React state controls. The code uses React 18 hooks (`useState`, `useEffect`, `useMemo`) to manage rendering and animation, with each Buddha path drawn from SVG path data and transformed through rotation and scale attributes.

NNita

89% match

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

88% match

Loading thumbnail…

Fork of Unlimited Buddhas

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.

NNita

88% match

Loading thumbnail…

Data generative art - Unlimited Buddha

A circular arrangement of small Buddha images radiates from the center of a 960-by-960 SVG canvas, with each image positioned at polar coordinates calculated from 50 radial positions and 50 angular steps. The React application uses `useState` and `Array.map` to generate the grid, placing each 20-pixel-wide SVG via an `<image>` element whose `href` points to an external Buddha icon. A decorative path element, embedded with a long SVG `d` attribute, sits at the top-left, scaled and translated. The composition creates a dense, repeating mandala-like pattern through simple trigonometric placement.

NNita

88% match

Loading thumbnail…

Data generative art - Unlimited Buddha

A generative SVG artwork depicts an intricate, Buddha-like silhouette built from overlaid, scaled copies of a single path. The code uses React and the `createRoot` API to render a 960x960 pixel canvas with a cream background. Nested `Array.map` loops iterate through 100 values to position and scale a complex path string, creating a patterned meditative form through repetition rather than drawing the image directly.

NNita

87% match

Loading thumbnail…

Unlimited Buddhas in Black

A dense black mandala of 150 concentric rows radiates from the center, formed by repeating a single Buddha silhouette along radial paths. The pattern emerges from nested mappings of two arrays, with each position calculated via cosine and sine functions. Rendered as SVG paths within a React component, the visualization uses `useState` and `createRoot` from React 18, with a cream background. The repeated iconography creates an optical illusion of infinite replication despite a finite 150x150 grid.

NNita

86% match

Loading thumbnail…

Fork of Unlimited Buddhas in Black

An endless, generative pattern of black Buddhas fills a warm beige SVG canvas. The artwork maps a grid of 150 by 150 positions, using each cell's coordinates as angles and radii to place scaled copies of a single Buddha path, creating a sprawling, repeating mandala-like composition. Built with React and rendered via SVG, the code uses mathematical transformations to position and scale the path data, producing a dense, ornamental field of identical figures.

NNita

86% match