Skip to main content
SimilarExport ZIP
100%

Task 3 - tutorial

✓ Published0🌍 Public
Mmudunurirahulvarma98@gmail.com
Last edited Mar 27, 2024
Created on Mar 17, 2024

This example uses React with SVG to render a chaotic, generative art piece titled “Buddha in colors - overlapping Buddha.” The visualization uses nested `map` loops over an array from 0 to 20 to generate a dense field of overlapping semi-transparent polygons, each positioned and colored using random values. A larger Buddha-like path is overlaid and transformed with translation and scaling, creating a layered, abstract composition. The design features a black background, vibrant random colors, and rotated geometric shapes, producing a visually striking and dynamic effect. The rendering is done entirely with SVG elements, driven by React's declarative component structure.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Task3

The visualization displays a chaotic, colorful scatter of overlapping diamond-like polygons scattered across a green background. Each polygon’s position, size, and color are generated using JavaScript’s `Math.random()` function, with an array of numbers iterated three times to create dense, layered compositions, and rotated 45 degrees via an SVG `transform`. The code imports React and ReactDOM, clones an existing SVG path drawing of a Buddha figure, and renders everything using React’s `createElement` and `.map()`. The result is an abstract, generative art piece with no external data source, relying entirely on random values for visual variety.

BBindumadhavi
86% match
Loading thumbnail…

tutorial3

This example, built with React and rendered as SVG, layers hundreds of semi-transparent colored circles over a single black path of a seated Buddha. The circles are positioned pseudo-randomly using a nested mapping over an array 0–20, with RGB values generated via Math.random() for a vibrant, overlapping effect. At the center, the Buddha path is scaled and translated, creating a colorful, generative mandala-like composition against a black background. The work explores the interplay between chaotic, computational color fields and a structured, recognizable iconographic form.

Aanusharamana0@gmail.com
86% match
Loading thumbnail…

Task5Question3.js

This visualization displays a complex, generative composition of overlapping, multicolored polygons overlaid on a black background, alongside a more structured, path-based representation of the Buddha image. The React application uses SVG to render shapes, with the polygon coordinates, fill colors, opacity, and rotation all determined by the JavaScript `Math.random()` function, creating a chaotic, non-reproducible pattern. In contrast to this random element, a large SVG path containing extensive cubic Bezier curve data is also rendered, presenting a detailed, structured line drawing of the Buddha. The code relies on React and ReactDOM to construct the SVG elements dynamically, and the HTML file imports these libraries directly from unpkg.

Llikhitha.sarahah01@gmail.com
86% match
Loading thumbnail…

task 3

This example shows a dense, overlapping arrangement of colorful diamond-shaped polygons rendered across an SVG canvas. The polygons are generated by nesting multiple `A.map()` loops, with each diamond’s position, size, and color determined by random values and the array index. The React framework manages the SVG output, while the code directly uses `Math.random()` for coordinates and RGB fill values, and applies a 45-degree rotation transform to each polygon. The result is an abstract, chaotic pattern of shapes overlaid on a green background, with a large decorative Buddha path also included in the composition.

Ssaitejauppu0206@gmail.com
86% match
Loading thumbnail…

Task 3 - 5 Buddhas

This visualization presents a dense, abstract composition of randomly generated, overlapping diamond shapes, rendered in vivid neon colors against a black background. Built with React and SVG, it layers thousands of semi-transparent polygons with erratic positioning and rotation, creating a psychedelic, noisy field of geometry. The work title references the source material, an original “Buddha in colors” design, though the final output here is a highly generative and chaotic pattern. The rendering uses React's declarative approach to generate nested loops, producing a grid-like cluster of diamonds that overlap with unpredictable color and placement. The minimalist HTML/CSS shell keeps the focus entirely on the layered, kaleidoscopic SVG shapes.

Pprava.ratan@gmail.com
85% match
Loading thumbnail…

task3

A dense generative art piece renders 21 layers of multicolored, semi-transparent diamond polygons in a tightly packed SVG grid, each randomly colored via RGB values and rotated 45 degrees. Overlaid on top is a static golden Buddha silhouette, creating a chaotic, overlapping composition. The page uses React to map over nested arrays, producing 21x21x21 polygons with randomized positions and colors, all set against a black background. The Buddha path remains constant, providing a recognizable focal point amid the vibrant, algorithmically generated noise.

Aanusharamana0@gmail.com
84% match
Loading thumbnail…

Task 7 - Buddha in colors -overlapping Buddha - FORK

A dense field of small, randomly colored polygons overlaps and rotates across a black SVG canvas, creating a layered, abstract composition. The visualization is built with React and renders purely through SVG elements, using nested `map` loops over a numeric array to generate hundreds of `<polygon>` shapes. Each polygon’s position, fill color, and rotation are determined by repeated calls to `Math.random()`, while a large embedded `<path>` element in the center depicts a Buddha figure, layered beneath the chaotic geometry. The code also defines utility functions and arrays, though their outputs are not directly visualized.

Mmrowanh21@gmail.com
84% match
Loading thumbnail…

Question 3

The visualization displays a Buddha silhouette rendered as a dense, colorful SVG path composition over a floral photographic background. It uses React with ReactDOM to render 30 nested map iterations that generate hundreds of semi-transparent circular elements with randomized positions and RGB color values. The main artistic feature is a complex SVG path drawing of a Buddha figure, transformed and scaled, which overlaps with the generated geometric patterns. The code leverages React's JSX syntax within an SVG container, combining algorithmic generative art with a traditional path-based illustration.

SSowjanya Devupalli
84% match