Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of Buddha image in random circles - 2

✓ Published0🌍 Public
RRohith Reddy
Last edited Feb 27, 2023
Created on Feb 27, 2023

This visualization layers hundreds of semi-transparent randomly colored rectangles across a React SVG canvas, each positioned using nested array maps and Math.random calls. At the center, a detailed SVG path drawing of a Buddha figure is rendered and scaled, with the chaotic geometric background contrasting against the structured iconography. The code uses React 16.10 and ReactDOM to render SVG elements dynamically, with all visual data generated procedurally rather than from an external dataset.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Buddha image in random circles - 2

A generative SVG visualization renders a Buddha silhouette as a complex vector path, layered beneath hundreds of randomly positioned and colored circles. Built with React, the component maps over a nested array to produce circles with arbitrary coordinates, radii, and RGB fill values, while the Buddha path is drawn using a hard-coded SVG path string. The circles, set at 80% opacity, overlay the path, creating a chaotic, multicolored composition against a white background.

RRaghuram Bachu
94% match
Loading thumbnail…

Fork of Fork of Buddha image in random circles - 2

A dense field of small, randomly colored circles fills the SVG canvas, with a large orange Buddha path overlaid on top. The circles are generated through nested triple mappings over a numeric array, each positioned using `Math.random()` for x and y coordinates. The Buddha image is drawn as an SVG `<path>` element with a `fill` attribute, while React manages the component structure and rendering. The visualization pairs algorithmic randomness with a fixed, recognizable silhouette, creating a contrast between chaotic scatter and defined form.

NNita
94% match
Loading thumbnail…

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

This visualization layers hundreds of semi-transparent circles with randomly generated positions, radii, and RGB color values on top of a static SVG path of a Buddha. The circles are produced through triple‑nested React `map` calls, each using `Math.random()` to compute coordinates and fill colors, while the Buddha outline is rendered with a single `<path>` element. The piece uses React and ReactDOM for rendering to SVG, with no external data source or interaction.

Pprathyusha-reddy-arch
93% match
Loading thumbnail…

Fork of Fork of Buddha image in random circles - 2

A Buddha line drawing is rendered as an SVG path and overlaid with dozens of randomly generated, semi-transparent circles. The circles are created by nested React `map` calls over an array of integers, with each circle receiving a random x and y coordinate, a random RGB fill color, and a fixed radius of ten pixels. The underlying `path` data is a long SVG path string, and the example uses React with ReactDOM to construct the SVG elements directly in JavaScript.

NNita
93% 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
93% match
Loading thumbnail…

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

The visualization displays a dense field of small, semi-transparent circles randomly positioned on a black background, with an overlapping Buddha path rendered in the center. The circles animate with randomly generated RGB colors and positions, while the Buddha figure is drawn using a complex SVG path with a stroke. The code uses React and ReactDOM to render the SVG elements, leveraging JavaScript's `Math.random()` for circle placement and color generation. The Buddha path is scaled and translated within the SVG canvas, creating a layered, colorful composition that blends abstract particle effects with a recognizable figurative shape.

Lleftymadi
93% match
Loading thumbnail…

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

A dense field of semi-transparent SVG circles scatters randomly across a black background, overlapping a large white line-art Buddha silhouette. The circles, generated with random positions and RGB colors, are layered through triple-nested React map functions. The Buddha path, rendered as an SVG path with a thick stroke, sits beneath the colorful scatter, creating a vibrant, chaotic contrast. The visualization uses React and ReactDOM to render the SVG output.

AArun Pratap
93% match
Loading thumbnail…

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

The visualization displays a dense, abstract composition of overlapping Buddha-like SVG paths rendered in vibrant random colors against a black background. React maps over a numeric array to generate hundreds of semi-transparent rotated polygons, while a single detailed path drawing of a Buddha figure is layered on top at a fixed position. The rendering uses React 16.10 with ReactDOM, directly embedding SVG elements in JSX, and relies on JavaScript’s `Math.random()` to determine each polygon’s coordinates, fill color, and rotation.

LLakshmipriya-kalapala
93% match