Skip to main content
SimilarExport ZIP
100%

nikhila-buddha

✓ Published0🌍 Public
Nnikhilagopi
Last edited Mar 1, 2023
Created on Mar 1, 2023

The visualization shows a generative composition of rotated ellipses and circles distributed randomly across a gradient background, creating a dense, organic field of colorful shapes. The artwork is built with React, using custom `Ellipse` components that render overlapping pairs of ellipses via SVG. Each of the 500 items is positioned using `Math.random()` with values scaled by loop index, while colors are derived from the progression ratio `p`, generating a gradient from dark to bright hues.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Ellipse

The visualization displays 500 randomly positioned ellipses and circles across an SVG canvas, rendered with React 16.10 and ReactDOM. Each ellipse component draws two overlapping ellipses with swapped radii, creating a compound shape. The code generates random x and y coordinates scaled by progress through the dataset, applies rotation to each group, and fills shapes with color values derived from the index position. The SVG background features a linear gradient transitioning from orange to black, with all geometry rendered using standard SVG elements like `ellipse` and `circle`.

NNita
78% match
Loading thumbnail…

Fork of ICE4_Nikhil_Kotte

This visualization renders a field of randomly positioned, rotating ellipses and circles on a green-to-black gradient background. Using React and SVG, the code generates 500 elements, mapping each index to a color and a probabilistic position scaled by the canvas dimensions. Each group applies a rotation based on its index, and a static path depicting an organic shape is overlaid. React’s component structure defines `Ellipse` and `Circles` to compose the scene.

Kkottenikhil
78% match
Loading thumbnail…

Ellipse

A generative SVG visualization scatters 501 ellipses and circles across a 960-by-500 canvas with a green-to-black gradient background. Each pair is positioned randomly, rotated by an incrementing angle, and colored with RGB values derived from its index proportion. The React component renders nested `<ellipse>` and `<circle>` elements, with two overlapping ellipses per point to create varied shapes. The code uses React 16.10 and ReactDOM with programmatic loops and Math.random for placement.

NNita
78% match
Loading thumbnail…

IC4-overlapping Buddha

A colorful, generative composition layers hundreds of randomly positioned circles and rectangles over a detailed SVG path of a Buddha figure. Built with React, the sketch renders overlapping ellipses and shapes using the `Ellipse` component, which draws two rotated ellipses per instance. The visualization uses JavaScript’s `Math.random()` to place elements and assign RGB fill values, creating a chaotic, pink-background collage. The Buddha path itself is rendered as an SVG `<path>` element, with React managing the component-based structure and SVG output.

RRamya19-hub
77% match
Loading thumbnail…

Buddha viz

A generative Buddhist-inspired composition uses layered ellipses and circles to build a dense, repeating pattern across the canvas. Each element is positioned randomly and scaled proportionally along a number line, with colors derived from the same progression. The artwork is rendered as SVG through React components, with the `Ellipse` component drawing two intersecting ellipses per instance and the main `App` component mapping over arrays to generate the full field of shapes.

Ggayathrikavya
77% match
Loading thumbnail…

Ellipse

The visualization displays a dense cluster of overlapping ellipses and circles scattered randomly across a gray SVG canvas. Each ellipse is drawn twice with swapped radial axes, creating a cross-shaped pattern, while numerous small circles are positioned at the center of each group. The code uses React to render SVG elements, mapping over nested arrays to generate over 10,000 shape instances. Each element’s position, rotation, and color are determined by multiplication with random values, producing a chaotic, multicolored composition. The rendering relies on ReactDOM to mount the SVG to the page.

NNita
77% match
Loading thumbnail…

Ellipse

The visualization renders a grid of overlapping ellipse and circle shapes, composed through nested loops that map array indices to rotational transforms and RGB color values. Using React and SVG, the example constructs a repeating pattern where ellipses with swapped radii axes intersect with small circles, creating a layered geometric composition. The code leverages ReactDOM to render the SVG canvas, with randomized translation and rotation applied to each group, while the fill colors are derived from the loop index to produce a varied palette across the 10x10x10 iteration structure.

NNita
76% match
Loading thumbnail…

Ellipse

The visualization displays a dense field of overlapping ellipses and circles scattered across a gray SVG canvas, with randomized positions and rotations creating a chaotic, layered composition. Each ellipse is rendered twice—once with its standard axes (rx, ry) and once with swapped axes (ry, rx)—producing cross-like patterns. The React component Ellipse defines the SVG ellipse elements, while the main index.js generates a 10×10×10 grid of these shapes using nested array maps, assigning colors based on loop indices. The randomization uses Math.random() within translate transforms, and the SVG API sets the background to #a0a5ad.

NNita
76% match