Data generative art - Unlimited Buddha

100%

Data generative art - Unlimited Buddha

✓ Published1🌍 Public

Last edited Aug 9, 2023

Created on Aug 9, 2023

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.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

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

92% 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

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

88% 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

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 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

87% 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

87% match

Loading thumbnail…

Thousad Buddhas

A grid of hundreds of small, identical Buddha silhouettes forms a dense, generative mandala. The arrangement is driven by a mathematical transformation, where each icon’s position is calculated from its index in nested loops, creating a circular wave pattern across the canvas. Built with React, the visualization renders every figure as an SVG path element, layered within grouped `<g>` tags that apply translations and scaling. The code relies on React's `useState` and `Array.map` to generate the grid, while the originating data is a single hard-coded path definition.

NNita

87% match