Fork of Buddha Mask

100%

Fork of Buddha Mask

✓ Published7🌍 Public

Last edited Dec 15, 2023

Created on Dec 26, 2022

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.

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

91% match

Loading thumbnail…

Fork of Buddha Mask

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.

Ssanavenkatasurendrareddy@gmail.com

90% 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

90% 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

90% 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

90% 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

89% 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

89% 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

89% match