Fork of Buddha Mask

100%

Fork of Buddha Mask

✓ Published0🌍 Public

Last edited Mar 14, 2024

Created on Mar 14, 2024

This fork of Nita's Buddha Mask visualization generates an abstract, luminous portrait from hundreds of colored lines and circles arranged in a radial pattern. The piece applies an SVG `clipPath` of the Buddha’s face to constrain the generative geometry, creating a mask effect against a dark green gradient background. Built with React and D3 v5, it uses `d3.line()` and `Math.random()` to position and color each element, alongside SVG filters and radial gradients for visual depth.

AI-generated description

A small iteration on Nita's original work that applies a clipPath.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Buddha Mask

A Buddha mask rendered from hundreds of randomly placed SVG lines and circles, colored with a radial gradient and a cyan drop shadow. The visualization applies a clipPath to constrain the generative mark placement to the mask silhouette. Built with React components and D3.js, it constructs the mask path from a hardcoded SVG path string and uses d3.line for line generation within a 960 by 500 coordinate space.

AAnitha Shivaramaiah

92% match

Loading thumbnail…

Fork of Fork of Buddha Mask

This visualization shows a Buddha mask rendered as a dense, chaotic field of overlapping lines and circles, with a green-to-black gradient background. The image is constructed by generating random line elements positioned in a spiral pattern, all clipped to the silhouette of a Buddha path using an SVG `clipPath`. The code uses React components to render SVG elements, with D3.js (`d3.csv`, `d3.line`) for data loading and shape generation, and applies a radial gradient and drop shadow filter for visual depth. The dataset is a customer CSV file, though it does not directly influence the visual output.

Mmanishcheruku

92% match

Loading thumbnail…

Fork of Fork of Buddha Mask

This visualization displays a Buddha mask created through a generative, iterative process. It renders a complex, layered composition of SVG lines and circles, filtered through a clipPath to define the mask's shape. Built with React and D3.js, the code generates 50 radial lines with randomized coordinates and colors, applying a radial gradient and a drop shadow for depth. The project is a fork of a prior work, adding the clip path technique to the original organic pattern.

SShreya Nandkumar Jadhav

92% match

Loading thumbnail…

Fork of Fork of Buddha Mask

The visualization renders a mask-like pattern built from thousands of randomly generated lines, clipped to a Buddha silhouette path using an SVG `clipPath`. Each line’s position and color derive from procedural loops over pixel offsets and array indices, with a radial gradient fill applied via the `style` attribute. The React components (`Circles.js`, `index.js`) manage the SVG output, while D3’s `line` generator is defined but unused. The scene sits on a dark green-to-black CSS gradient background.

Ggayathrikavya

92% match

Loading thumbnail…

Fork of Fork of Buddha Mask

A generative Buddha mask emerges from chaotic, multicolored SVG lines. The piece layers 50 random radial lines for each of 50 concentric iterations, producing a dense, textured silhouette. A radial gradient and a drop shadow enhance the mask's depth against a dark green gradient background. This React application uses D3's `line` generator and an SVG `clipPath` to confine the drawn elements to the Buddha's path.

Mmanishcheruku

91% match

Loading thumbnail…

Fork of Fork of Buddha Mask

This example renders a Buddha-mask silhouette filled with hundreds of randomly positioned, colored lines and circles, creating an abstract, textured composition. A React component generates the shapes using nested array maps, while D3’s line generator and gradient definitions are defined but not directly applied to the final output. The SVG applies a `clipPath` to confine the geometric noise to the mask’s path, and a radial gradient adds a golden hue over the dark green linear-gradient background.

AAnitha Shivaramaiah

91% match

Loading thumbnail…

Fork of Fork of Fork of Buddha Mask

A generative Buddha mask emerges from a dense field of randomly positioned SVG lines, clipped to the mask's silhouette via a `clipPath` and overlaid with a radial gradient. The React component maps over arrays of coordinates to render hundreds of colored lines, whose positions and RGB values are determined by `Math.random()`. The visualization is built with React and D3 v5, using the `d3.line` generator and SVG elements, set against a green linear-gradient background.

RRobFaj

91% match

Loading thumbnail…

Fork of Buddha Mask

A Buddha mask rendered in luminous yellow and gold emerges from a field of randomly generated lines, clipped to the mask's silhouette via an SVG `clipPath`. The visualization uses React to manage a collection of circle and line elements, with positions derived from nested loops over pixel arrays. D3 v5 provides the line generator and scales, while a radial gradient and drop shadow filter define the mask's metallic appearance against a dark background. The result is a layered, textured portrait built entirely from geometric primitives.

NNita

90% match