Skip to main content
SimilarExport ZIP
100%

Fork of Random triangles

✓ Published0🌍 Public
NNita
Last edited Jan 3, 2024
Created on Jan 3, 2024
Forked from Random lines

This example demonstrates how an SVG document can embed a raster image. It shows a Buddha figure positioned within a 1000 by 1000 pixel canvas. The code creates an SVG `<image>` element programmatically using the `document.createElementNS` method, setting its source to `buddha.png` and its dimensions to 500 by 500 pixels. The image is then appended to the SVG container, resulting in a static composition that mixes vector and bitmap graphics.

AI-generated description

Demonstration of SVG shapes.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Buddha image in random circles - 2

A dense field of small, randomly colored circles fills the SVG canvas, with a large orange Buddha path overlaid on top. The circles are generated through nested triple mappings over a numeric array, each positioned using `Math.random()` for x and y coordinates. The Buddha image is drawn as an SVG `<path>` element with a `fill` attribute, while React manages the component structure and rendering. The visualization pairs algorithmic randomness with a fixed, recognizable silhouette, creating a contrast between chaotic scatter and defined form.

NNita
78% match
Loading thumbnail…

Fork of Fork of Buddha image in random circles - 2

A Buddha line drawing is rendered as an SVG path and overlaid with dozens of randomly generated, semi-transparent circles. The circles are created by nested React `map` calls over an array of integers, with each circle receiving a random x and y coordinate, a random RGB fill color, and a fixed radius of ten pixels. The underlying `path` data is a long SVG path string, and the example uses React with ReactDOM to construct the SVG elements directly in JavaScript.

NNita
77% match
Loading thumbnail…

Fork of Buddha image in random circles - 3

A Buddha image is reconstructed as an abstract mosaic of hundreds of randomly positioned, semi-transparent colored circles layered over a bold SVG path of the figure. The circles are generated by nested React `map` loops, with random coordinates and RGB fill values, while the Buddha outline is drawn using a static SVG `<path>` with `stroke` and scaling transforms. The visualization uses React for rendering and SVG for all graphics, with a black background and a dense, colorful overlay that partially obscures the underlying path.

NNita
77% match
Loading thumbnail…

Fork of Fork of Buddha image in random circles - 2

A generative SVG visualization renders a Buddha silhouette as a complex vector path, layered beneath hundreds of randomly positioned and colored circles. Built with React, the component maps over a nested array to produce circles with arbitrary coordinates, radii, and RGB fill values, while the Buddha path is drawn using a hard-coded SVG path string. The circles, set at 80% opacity, overlay the path, creating a chaotic, multicolored composition against a white background.

RRaghuram Bachu
76% match
Loading thumbnail…

Fork of Fork of Fork of Buddha image in random circles - 2

This visualization layers hundreds of semi-transparent randomly colored rectangles across a React SVG canvas, each positioned using nested array maps and Math.random calls. At the center, a detailed SVG path drawing of a Buddha figure is rendered and scaled, with the chaotic geometric background contrasting against the structured iconography. The code uses React 16.10 and ReactDOM to render SVG elements dynamically, with all visual data generated procedurally rather than from an external dataset.

RRohith Reddy
76% match
Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of Buddha in colors -overlapping Buddha

A generative artwork renders one thousand randomly colored and positioned triangles overlaid with a large, white Buddha path. The triangles are drawn as SVG polygons with variable sizes and opacity, creating a vibrant, chaotic background. The Buddha itself is a complex SVG path, scaled and translated within the same `<svg>` element. This example uses React with ReactDOM to construct the SVG output programmatically, combining random geometric primitives with a detailed vector figure.

MManasa891-git
76% match
Loading thumbnail…

Forked_buddha

This example visualizes an abstract arrangement of geometric shapes, combining nested triangle polygons with an intricate, curly path element that evokes the silhouette of a seated Buddha. The SVG rendering displays randomly colored and positioned polygons beneath a detailed white line drawing, creating a chaotic, overlapping composition against a black background. The visualization uses React for structure and relies on JavaScript’s `Math.random` for generating colors and coordinates, while the complex path data defines the central figure.

Pparvathi829790@gmail.com
75% match
Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of Buddha in colors -overlapping Buddha

A generative SVG artwork renders nested polygons at random positions, sizes, and colors, creating an abstract, layered composition. The code maps a numeric array through triple-nested iterations, producing hundreds of semi-transparent shapes with RGB fills derived from random values. A Buddha path is then overlaid on top, scaled and translated via an SVG transform. The visualization uses React to manage the SVG elements, with all positioning and styling computed through JavaScript's Math.random() function.

Bbobbymeyermsis@gmail.com
75% match