Skip to main content
SimilarExport ZIP
100%

Fork of Buddha in colors -opacity Buddha

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

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.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Buddha in colors -white background Buddha

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.

NNita
93% match
Loading thumbnail…

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

A colorful scatter of semi-transparent circles is generated over a dark background, with a large SVG path outline of a Buddha figure layered on top. The circles are positioned and colored using repeated `Math.random()` calls within nested `Array.map` iterations, each rendered as a React `<circle>` element. The Buddha path is drawn via a `<path>` element with `stroke-width`, while the React app imports `React` and `ReactDOM` to render the static SVG output.

GGogineni44
93% match
Loading thumbnail…

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

A colorful abstract visualization overlays hundreds of semi-transparent, randomly positioned SVG circles on top of a detailed line drawing of Buddha, rendered as a single complex SVG path. The circles use random RGB fill colors and opacity, creating a vibrant, chaotic backdrop. The Buddha path is stroked with a thick white outline, while the React app maps over nested arrays to generate the circles. The visualization uses React and ReactDOM to render SVG elements directly in the browser.

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

Fork of Buddha in colors -overlapping Buddha

A black background displays a dense cluster of small circles, randomly placed across the canvas using nested `Array.map` calls and `Math.random` to determine their x and y coordinates. Each circle uses a random RGB fill and opacity. Overlaid on top is a Buddha silhouette drawn as a single SVG `path`, rendered with a thick stroke in a white color scheme, creating a contrasting colorful scatter effect behind the religious figure. The visualization uses React to generate the SVG elements within a 960x1000 coordinate space.

Kkartheekgrpt@gmail.com
92% match
Loading thumbnail…

Fork of Buddha in colors -overlapping Buddha

A black background displays a dense cluster of small circles, randomly placed across the canvas using nested `Array.map` calls and `Math.random` to determine their x and y coordinates. Each circle uses a random RGB fill and opacity. Overlaid on top is a Buddha silhouette drawn as a single SVG `path`, rendered with a thick stroke in a white color scheme, creating a contrasting colorful scatter effect behind the religious figure. The visualization uses React to generate the SVG elements within a 960x1000 coordinate space.

Kkartheekgrpt@gmail.com
92% match
Loading thumbnail…

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

A dense scatter of multi-colored circles overlaps a Buddha silhouette, with each circle assigned a random position and fill color via nested array mapping in React. The SVG rendering uses a `<path>` element defining the Buddha shape, scaled and translated within the viewport. React 16.10 renders the circles and path, while SVG attributes like `cx`, `cy`, `r`, and `fill` are generated dynamically with JavaScript's `Math.random()` for opacity and color variation. The code loops through arrays to produce hundreds of overlapping points across the figure.

MMgk1255
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