Rajayaswanthvarmavegesna

@Rajayaswanthvarmavegesna·5 public vizzes

Fork of overlapping budda

This visualization renders a large, overlapping collection of semi-transparent polygons in a gradient background, creating a dense, colorful, flower-like or abstract composition. The code uses React to generate and map over an array to create multiple `<polygon>` elements, each with randomized coordinates, fill colors, and opacity, then applies a rotation transform. The rendering is done in SVG within an HTML page that uses the ReactDOM library.

Mar 1, 2023

Loading thumbnail…

Fork of Flower of Colors Rendering Data with React

A flower-like radial pattern displays CSS named colors as individual SVG arcs arranged in a circle. The visualization uses React state management via `useState` and `useEffect` to asynchronously load color data from a CSV file using D3's `csv` utility. D3's `arc` generator calculates each arc's path based on the data index, while the SVG is centered within the viewport using a `transform` attribute. A decorative flower path is also rendered alongside the color arcs.

Mar 1, 2023

Loading thumbnail…

Fork of Fork of Ellipse flower - image

This example renders a stylized floral pattern by combining two overlapping ellipses at each designated center point. The visualization uses React to define a reusable `Ellipse` component that draws both a horizontal and vertical ellipse, creating a flower-like motif. The page background is a CSS linear gradient transitioning from green to black, while the ellipses are filled with a solid color. The rendering relies on React’s UMD build and standard SVG `<ellipse>` elements, with the component’s `cx`, `cy`, `rx`, and `ry` properties controlling position and size.

Mar 1, 2023

Loading thumbnail…

Fork of This is so cool "Map function inside Map function"

The visualization displays a dense field of colored ellipses scattered across a 960-by-500 SVG canvas. It shows nested React `map` functions iterating over an array of integers from 0 to 100, generating multiple ellipse elements at random positions via `Math.random`. Each ellipse uses a red-tinted fill and stroke derived from the loop variable, with opacity set to 0.9 and a thick 40-pixel stroke. The React and ReactDOM libraries render the SVG directly from the component.

Mar 1, 2023

Loading thumbnail…

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

This visualization layers a grid of small, randomly colored circles over a large, intricate Buddha figure rendered as an SVG path. The circles are generated through nested array maps, with their positions and fill colors determined by random values. The Buddha outline is drawn using a complex path with a thick stroke, while the React framework manages the SVG elements in the browser.

Mar 1, 2023