Skip to main content
SimilarExport ZIP
100%

Buddha Mask

✓ Published3🌍 Public
CCurran Kelleher
Last edited Sep 15, 2022
Created on Sep 15, 2022

A Buddha mask silhouette emerges from a dense field of randomly colored, semi-transparent lines rendered as SVG elements. The visualization uses a clipPath to confine the chaotic line drawing to the mask’s shape, while a radial gradient fills the interior with warm gold tones. React components structure the SVG output, and D3’s line generator is defined though not directly used in the visible render loop. The lines are generated procedurally from trigonometric calculations and random values, creating an organic, textured appearance over the dark green-to-black background gradient.

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
88% 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
88% 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
87% 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
87% 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
87% 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
86% 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
86% 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
85% match