Fork of HTML Starter

100%

Fork of HTML Starter

✓ Published0🌍 Public

Last edited Apr 5, 2024

Created on Apr 4, 2024

This gallery example presents a decorative, non-standard data visualization featuring the six reflections of Buddha, rendered as SVG paths layered over a background of colorful flowers. The React application generates an array of random, semi-transparent colored `<null>` shapes, although these effectively render nothing, while a complex, embedded SVG path defines the central figurative image. Using the React and ReactDOM libraries, the visualization applies random color fills and opacities, with the path data drawn from a static source, demonstrating a creative and artistic approach to code-based imagery.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of 6 Buddha

A dense field of randomly positioned, semi-transparent colored squares fills an SVG canvas, layered over a floral background image. A single intricate Buddha path is drawn in black, scaled and translated near the center, while the code generates the square grid by mapping over a nested array with React and rendering `<null>` elements inside an SVG. The visualization uses ReactDOM and React, with a plain SVG `<path>` for the Buddha silhouette and inline `fill` opacity values for the overlapping rectangles.

Ssaurav shekhar

88% match

Loading thumbnail…

Fork of 6 Buddha

The visualization displays a colorful, overlapping arrangement of Buddha-like figures, rendered as a complex SVG path, on a decorative floral background. Each smaller element is a nearly invisible placeholder that contributes to a scattered grid of colored squares, while the primary Buddha is drawn with a dense, continuous vector path. The React code uses nested `A.map` functions to generate SVG elements with random fill colors and opacity, while the main figure is a large, static `path` transformed via the `g` element. The work is built with React and ReactDOM, producing SVG output directly in the browser.

Ssaivaishnogaruda@gmail.com

87% match

Loading thumbnail…

Fork of Fork of Fork of 6 Buddha

A colorful SVG visualization layers 31 randomly positioned translucent rectangles over a large, hand-drawn Buddha path rendered in React. The background uses a flower image via CSS. The code generates the rectangles through nested `A.map` calls with random `x`, `y`, and `rgb()` fill values, while the Buddha is drawn as an `<svg>` `<path>` transformed with `translate` and `scale`. React 16.10 and ReactDOM render the entire composition.

PPavanKumarRacharla@my.unt.edu

87% match

Loading thumbnail…

Fork of 6 buddha

This visualization renders an ornate, Buddha-shaped path in bright, randomized colors against a black background. The code uses React and ReactDOM to generate an SVG canvas, layering the central path with hundreds of semi-transparent, randomly positioned and colored circular elements, created through nested array maps. A fixed geometric path defines the Buddha’s silhouette, while the stochastic placement of the circles creates a dynamic, overlapping pattern. The rendering relies on explicit SVG elements and React’s JSX syntax, with no external data source shown.

PPavanKumarRacharla@my.unt.edu

87% match

Loading thumbnail…

Fork of Buddha-6 reflections

A decorative collage displays repeated Buddha face line-art, overlaid on a lush flower background photograph. The React app maps over a numeric array to generate hundreds of semi-transparent SVG circles in randomized positions and colors, while hand-drawn path data renders the central Buddha figure. SVG elements are styled with CSS grid layout, image borders, and hover zoom effects, all rendered client-side with React 16 and ReactDOM.

Aabjalshaik02@gmail.com

87% match

Loading thumbnail…

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

The visualization displays six overlapping Buddha figures rendered in SVG, set against a floral background image loaded via CSS. The React application uses nested map functions to generate a grid of semi-transparent, colored null elements, creating a scattered point pattern that interacts with the Buddha paths. The Buddha shape itself is drawn using an SVG path with complex cubic Bezier curve data. The code imports React and ReactDOM to structure the SVG output, while each point's fill color is computed using the Math.random() function to produce varied RGB values. The entire composition is generated procedurally within a fixed 1000x1000 viewport.

Lleelakrishnadivi7@gmail.com

87% match

Loading thumbnail…

Fork of 6 Buddha

This visualization displays a single, large Buddha silhouette rendered as an SVG path, repeated and scaled within a 960 by 1000 pixel viewport. The code uses React to structure the SVG elements, with the path data embedded directly in the source. A background image of flowers is applied via CSS, and the Buddha paths are filled with random RGB colors. The example demonstrates programmatic SVG rendering and random color generation within a React component.

Bbhargavipagolu2025@gmail.com

87% match

Loading thumbnail…

Fork of Fork of 6 Buddha

This visualization displays a stylized, overlapping Buddha face rendered in SVG, built with React and ReactDOM. The composition layers multiple semi-transparent, randomly colored shapes atop a primary vector path that outlines the Buddha figure, creating a colorful, chaotic collage effect. The code uses array mapping to generate the random overlay elements, while the main image relies on an inline SVG path. A background image of flowers is set via CSS, and the entire piece is presented within a fixed 1000x1000 viewport.

Llikhithakarunakarreddym@gmail.com

87% match