Skip to main content
SimilarExport ZIP
100%

Fork of Buddha in colors -white background Buddha

✓ Published1🌍 Public
NNita
Last edited Jan 4, 2023
Created on Jan 4, 2023

This example visualizes a Buddha silhouette as a colorful scatter plot. The code generates three nested arrays of random coordinates, using them to position hundreds of small, semi-transparent circles across an SVG canvas. Each circle’s fill color is randomly selected from the RGB spectrum with `Math.random()`, creating a vibrant, abstract composition. The Buddha path is drawn over this backdrop using an SVG `<path>` element with a stroke, while the visualization is built with React and rendered through ReactDOM.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Buddha in colors

A dense cluster of small, semi-transparent circles is scattered across a black background, each circle colored with a random RGB value. The circles are generated by nesting three arrays of numbers and using Math.random to position them, creating an abstract, chaotic field. Overlaid on this is a single large, smooth SVG path depicting a Buddha figure, rendered in a single color with a thick stroke. The visualization uses React to manage the SVG elements and JavaScript's Math.random for procedural generation, with data derived from hardcoded coordinates.

AAnitha Shivaramaiah
93% match
Loading thumbnail…

Fork of Buddha in colors -opacity Buddha

A colorful scatter of SVG circles with varying opacity and position fills a black background, while a large, semi-transparent Buddha silhouette rendered as an SVG path is layered on top. The circles are generated from an array, with their coordinates and RGB fill values randomly calculated at render time. The visualization is built with React, using ReactDOM to mount the component, and relies on inline SVG elements like `<circle>` and `<path>` to create the abstract composition.

NNita
93% match
Loading thumbnail…

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

A colorful visualization displays a Buddha silhouette overlaid with hundreds of randomly positioned, semi-transparent circles, creating a vibrant, chaotic collage effect. The scene combines a static SVG path tracing the Buddha’s shape with dynamic, overlapping dots whose coordinates and RGB fill colors are generated via JavaScript’s `Math.random`. Built with React and rendered as SVG, the code maps nested arrays to produce 20³ circle elements, while the path itself uses detailed coordinate data with a gold background and purple accents.

GGogineni44
91% match
Loading thumbnail…

Fork of Buddha - Overlapping Buddha

This visualization overlays a dense scatter of randomly placed, colorful circles with a single, large Buddha silhouette rendered as an SVG path. The circles, each with a radius of 5, are positioned using a nested loop over an array of values, generating a chaotic field of semi-transparent points. The Buddha path is drawn with a thick stroke, creating a stark contrast against the colorful backdrop. Built with React and ReactDOM, the scene uses the `Math.random()` function to determine both circle coordinates and fill colors, producing unpredictable results with each render.

Aav.dj.2000@gmail.com
91% match
Loading thumbnail…

Buddha in colors -white background Buddha

A decorative Buddha silhouette appears on a white background, composed of hundreds of overlaid colored circles generated randomly via nested `Array.map` loops. Each circle uses `Math.random()` for positioning and RGB color values, with SVG rendering through React. A separate SVG path outlines the Buddha figure in black, scaled and translated to center the composition. The visualization demonstrates generative art techniques using React's declarative JSX and SVG elements.

NNita
90% match
Loading thumbnail…

Buddha in colors -white background Buddha

A decorative Buddha silhouette appears on a white background, composed of hundreds of overlaid colored circles generated randomly via nested `Array.map` loops. Each circle uses `Math.random()` for positioning and RGB color values, with SVG rendering through React. A separate SVG path outlines the Buddha figure in black, scaled and translated to center the composition. The visualization demonstrates generative art techniques using React's declarative JSX and SVG elements.

NNita
90% match
Loading thumbnail…

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

A black background features a colorful, overlapping Buddha rendered in SVG paths, with hundreds of small, randomly positioned, semi-transparent rectangles scattered across the canvas. The visualization uses React to generate the layout, mapping over a numeric array to draw each rectangle with random coordinates and fill colors via the `rgb()` function. The Buddha path is transformed and scaled, with a large stroke width, creating a layered, abstract composition of geometric shapes and intricate linework.

Llibramanju
90% match
Loading thumbnail…

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

The visualization shows a dense cluster of overlapping, randomly colored circles scattered across a yellow background, paired with a single, large Buddha outline drawn as an SVG path. The circles are generated through three nested React `map` loops over an array of 201 numbers, with each circle’s position and fill color determined by `Math.random()`. The Buddha path uses a static `d` attribute with `stroke-width={5}` and no fill, rendered inside a `<g>` transform. The code relies on React and ReactDOM to render the SVG structure, with all random values computed at render time.

GGogineni44
90% match