Skip to main content
SimilarExport ZIP
100%

5 Buddhas

✓ Published1🌍 Public
Ssbharaththota@gmail.com
Last edited Mar 25, 2024
Created on Mar 24, 2024
Forked from Buddha

Five Buddhas visualizes a dataset of five circles as a force-directed graph, with each positioned via nodes and links. The code uses d3.forceSimulation to compute layout and d3.geoPath for rendering shapes, displaying the buddhas as colored circles connected by lines. The rendering relies on D3.js’s force simulation API, while the source data is drawn from the v3 dataset. The visualization emphasizes spatial relationships through dynamic, physics-based arrangement.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

5 Buddhas

Five Buddhas displays five dense, multi-layered scatter plots of colorful SVG circles overlapping a large, detailed Buddha silhouette path. The visualization is generated with React and rendered as an SVG. The code maps over an array of numbers, creating circles with random positions, colors, and opacity, while the Buddha shape is defined by a complex SVG path element.

Kkartheekgrpt@gmail.com
87% match
Loading thumbnail…

5 Buddhas

Five Buddhas draws a series of overlapping, monochromatic Buddha silhouettes. The visualization generates a 21×21 grid of small semi-transparent circles, each positioned with random coordinates and colored via randomly generated RGB values. The main visual element is a complex SVG path defining the Buddha's outline, which is replicated in five distinct color-tinted variations through repeated use of the `<g>` transform with scaling and translation. The code uses React to render the SVG elements, with the path data and random circle generation handled directly in JavaScript.

Ssiddhubhupathi@gmail.com
85% match
Loading thumbnail…

5 Buddhas

Five Buddhas appear as a dense field of overlapping, semi-transparent diamond polygons rendered in an SVG. The polygons, generated from a nested loop of an array of 20 numbers, are randomly positioned and colored using JavaScript's random functions and a rotation transform. A static Buddha silhouette path is then layered on top, created with React and rendered via ReactDOM. The visualization combines algorithmic abstract geometry with a traditional symbolic figure.

IIrina Maystorovich
85% match
Loading thumbnail…

Fork of 5 Buddhas

This visualization renders five stacked Buddha silhouettes, each drawn as a network of nodes and links using a force-directed simulation. The code builds the full Buddha shape from an embedded dataset of coordinates, applies `d3.forceSimulation` with collision and link forces to distribute the points, and then renders the result as a series of connected strokes on an SVG canvas. Each Buddha is colored with a distinct gradient, and the simulation runs in real time, causing the nodes to gently settle into place while maintaining the overall silhouette.

Ssbharaththota@gmail.com
85% match
Loading thumbnail…

5 Buddhas

Five glowing Buddhas overlap in concentric halos against a black field, rotating and pulsing with color. Built with React and D3, the visualization uses `d3.forceSimulation` to position the Buddhas and `d3.geoPath` to render their geometric outlines. The code applies a custom SVG `transition.attrTween` to animate rotation and color cycling, computed from per-frame data. The composition emerges from layered, semi-transparent paths, creating an ethereal, synchronized dance of forms.

Nnarasimhacharyulu010@gmail.com
85% match
Loading thumbnail…

5 Buddhas

A dense field of small, semi-transparent circles overlaps a hand-drawn Buddha path, creating a layered, psychedelic visual. The circles are placed randomly using nested `Array.map` calls and `Math.random()` for coordinates and RGB colors. The Buddha itself is rendered as an SVG `<path>` element within a `<g>` transform. The visualization is built with React, using inline SVG for the drawing, and runs in a black-background page.

Ccharishmakalyanapu@gmail.com
85% match
Loading thumbnail…

5 Buddhas

A dense field of small, semi-transparent circles overlaps a hand-drawn Buddha path, creating a layered, psychedelic visual. The circles are placed randomly using nested `Array.map` calls and `Math.random()` for coordinates and RGB colors. The Buddha itself is rendered as an SVG `<path>` element within a `<g>` transform. The visualization is built with React, using inline SVG for the drawing, and runs in a black-background page.

Ccharishmakalyanapu@gmail.com
85% match
Loading thumbnail…

5 Buddhas

5 Buddhas is an abstract generative visualization built with React and rendered as SVG. It displays a symmetric, Buddha-like mandala formed by layering hundreds of semi-transparent, randomly colored circles across five concentric repetitions. Each circle is positioned with pseudo-random coordinates derived from a nested array map, and rotated 45 degrees to create a densely textured, kaleidoscopic pattern. The black background and the unpredictable RGB values produce a vibrant, almost psychedelic color palette, while the overlapping geometry echoes traditional Buddhist iconography in a modern, computational form.

Vvankayalapatimounika2000@gmail.com
85% match