Buddha

100%

✓ Published3🌍 Public

Last edited Jan 20, 2024

Created on Jan 20, 2024

A layered animation of colorful circles expands and shifts across a black background, using a screen blend mode to create luminous overlaps. The circles appear with staggered transitions, growing to a uniform radius before adjusting to their target positions and colors. Built with D3.js, the visualization uses `transition()` calls with varying delays and durations, along with an SVG opacity setting, to orchestrate the movement. The shape of a path is embedded in the code, hinting at a hidden form that the circles may ultimately trace.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Buddha

A meditative scatter of overlapping circles drifts across a black field, layered above a single SVG path tracing the silhouette of Buddha rendered in colorful strokes. The visualization blends generative randomness with geometric structure, using React to render nested loops that place semi-transparent circles at randomized positions and colors. The Buddha outline is drawn with a detailed path element, scaled and translated into the composition, while the project relies on React and ReactDOM for its component-based rendering approach.

Aakitisaitejareddy@gmail.com

87% match

Loading thumbnail…

Buddha in colors - strokes

The visualization displays a stylized Buddha silhouette composed of hundreds of overlapping colored circles, each with randomized positions and RGB fill values, creating a vibrant, chaotic stroke effect against a black background. Built with React and rendered as SVG, it uses nested array mappings to generate roughly 9,260 circles, while a single path element defines the Buddha's outline. The circles' coordinates and colors are computed on the fly using `Math.random()`, with no external data or animation libraries involved.

NNita

86% match

Loading thumbnail…

Buddha

This visualization renders a dense, animated field of multicolored polygons on a black background, generated through a triple-nested mapping over a fixed array. Each polygon’s position, color, and rotation are derived from repeated pseudo-random values, producing an abstract, overlapping composition. The piece incorporates an SVG path of the Buddha in vivid hues, layered among the geometric forms, set against a dark backdrop for contrast.

Kkeerthanachinthalapally@gmail.com

86% match

Loading thumbnail…

Buddha in colors -overlapping Buddha

A dense field of small, semi-transparent circles is scattered atop an SVG rendering of a Buddha silhouette. The circles, each with a radius of five, are generated by triply nested loops over a numeric array, with their positions and RGB fill colors determined by random values. The Buddha path itself is drawn from an embedded SVG path data string, scaled and translated within the same canvas. The visualization is built with React, using `ReactDOM` to render the SVG elements and the path data directly in the markup.

Kkeerthanachinthalapally@gmail.com

85% match

Loading thumbnail…

Fork of Buddha

Circles in a rainbow of colors grow from points on a black canvas, then converge and overlap to form a glowing, Buddha-like silhouette. The piece uses D3’s `select` and `transition` APIs with `easeLinear` to animate circle radius and position over time, while `mix-blend-mode: screen` in CSS blends overlapping shapes. Data comes from a static CSV-like array of coordinates, radii, and hex colors.

NNita

85% match

Loading thumbnail…

buddha

A generative Buddha image appears as a dense field of randomly placed colored circles overlaid with a complex SVG path tracing the Buddha's silhouette. The visualization uses React and ReactDOM to render a black-background SVG, where nested array mappings produce hundreds of semi-transparent circles with randomized positions and RGB fill values. The Buddha outline itself is drawn as a single detailed SVG path element with a thick stroke, creating a layered, overlapping aesthetic.

Ssaitejauppu0206@gmail.com

85% match

Loading thumbnail…

buddha

A dense scatter of small, semi-transparent circles forms a glowing, nebulous field atop a black background, layered over a thin, intricate line drawing of a Buddha figure. The circles are generated by nested loops that map array values to random screen positions and RGB colors. The SVG rendering relies on React's `createElement` and JSX to produce circle and path elements, with the Buddha’s complex path data and stroke styling embedded directly in the markup.

Mmn0658

84% match

Loading thumbnail…

Buddha in colors

A Buddha silhouette is drawn as an SVG path and layered with hundreds of overlapping colored circles, each with random positions and RGB fill values, creating a vibrant, abstract mosaic over the figure. The circles are generated by a triple-nested React map over a numeric array, producing chaotic, randomized dots that contrast against the black background. React and ReactDOM manage the component rendering, while the path stroke is set to none, leaving the Buddha shape defined solely by its fill.

NNita

84% match