Skip to main content
SimilarExport ZIP
100%

Fork of Buddha image in random circles - 3

✓ Published1🌍 Public
NNita
Last edited Dec 26, 2022
Created on Dec 26, 2022

A Buddha image is reconstructed as an abstract mosaic of hundreds of randomly positioned, semi-transparent colored circles layered over a bold SVG path of the figure. The circles are generated by nested React `map` loops, with random coordinates and RGB fill values, while the Buddha outline is drawn using a static SVG `<path>` with `stroke` and scaling transforms. The visualization uses React for rendering and SVG for all graphics, with a black background and a dense, colorful overlay that partially obscures the underlying path.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

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

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

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.

RRohith Reddy
92% match
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
92% match
Loading thumbnail…

Fork of Buddha in colors -overlapping Buddha

A colorful, abstract visualization of overlapping Buddha forms presents a dense cluster of semi-transparent circles layered over detailed SVG path data. The circles, rendered with randomized positions, colors, and opacity, create a chaotic, generative backdrop against the intricate line work of the Buddha figure. Built with React and SVG, the visualization uses React’s component structure to map over arrays and generate circle elements dynamically. The code employs nested `map` functions to produce 8000 circles, each with properties derived from JavaScript’s `Math.random`, while the Buddha path is embedded as raw SVG coordinates.

VVAbhiram99
91% 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
91% 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
91% match