D

DineshKantumutchu

@DineshKantumutchu·21 public vizzes

Loading thumbnail…

Fork of ICE-5

This fork of ICE-5 displays a static dataset loaded from an embedded base64 PNG image, rendered as the background of an SVG canvas. The page includes a visible title and uses D3 v7 for library loading, though no dynamic D3 APIs are invoked. The visualization is built with Vue as the framework, combining SVG and WebGL rendering contexts. The image is embedded directly in the HTML source rather than fetched externally, and the layout is minimal, with no interactive elements or data transformations beyond the fixed raster graphic.

Loading thumbnail…

ICE-5

This example displays basic metadata about an earthquake dataset. The page presents a header, an image, and textual information about the data's size, row count, and column count. The visualization uses D3 version 7.8.2 to load a CSV file from a GitHub gist using the `d3.csv` and `d3.autoType` functions. It then calculates the file size in kilobytes and determines the number of rows and columns before displaying this information in a `<pre>` element. The page also includes links to the VizHub project and the raw CSV data source.

Loading thumbnail…

Buddha of Dinesh in colors -overlapping Buddha*5

A colorful, abstract composition layers five identical Buddha path shapes in a rotated, overlapping arrangement. The SVG rendering uses React to map nested arrays, generating numerous semi-transparent, randomly colored and rotated rectangles that form a dense, pixelated backdrop. The primary Buddha silhouette, drawn from a detailed SVG path, is scaled and translated atop this chaotic grid, blending geometric noise with a recognizable figure. The code leverages React's component model, inline SVG elements, and JavaScript's `Math.random()` for dynamic visual variation.

Loading thumbnail…

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

A dense scatter of colorful circles floats over a black SVG canvas, with each circle's position and fill color randomized via `Math.random()` calls nested inside a triple `map`. Beneath this, a single Buddha-themed `<path>` is drawn in red using a large inline SVG string, scaled and translated via a `g` transform. The visualization layers stochastic generative art over a fixed vector icon, combining React's declarative component structure with raw SVG rendering.

Loading thumbnail…

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

A field of 441 randomly positioned circles, each with a random RGB fill and 80% opacity, overlaps an SVG path drawing of the Buddha rendered in a thick black stroke. The circles are generated by three nested `Array.map` calls over an array of 0 through 20, computing `cx` and `cy` as `index * 100 * Math.random()`. The Buddha path, a static SVG `path` element with a `d` attribute, is scaled and translated via a `<g>` transform. The visualization uses React to render the SVG elements.

Loading thumbnail…

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

The visualization displays a dense field of small, multi-colored rectangles layered with an intricate, ornate path tracing the silhouette of a Buddha. The overlapping rectangles create a chaotic, vibrant backdrop, while the golden path, composed of many cubic Bézier segments, forms a clear central figure. Built with React and rendered as SVG, the code generates the rectangles using nested array maps and random transformations, while the Buddha shape is drawn using a complex SVG path data string.

Loading thumbnail…

Buddha in magenta -overlapping Buddha

White, pink, and multicolored circles are layered over an abstract magenta Buddha face composed of a single intricate SVG path. Both the circles and the path are rendered with React, using JSX to generate SVG elements. The circles are positioned and colored using randomized values from `Math.random`, while the Buddha path is drawn with a fixed `d` attribute and a thick magenta stroke on a matching background.

Loading thumbnail…

budha

A chaotic field of small, semi-transparent circles with randomized colors and positions fills a black background, layered beneath a detailed orange vector sculpture of a meditative Buddha. The circles are generated through nested React map functions, applying cubic root calculations and random multipliers to set coordinates. The Buddha path is rendered as a single SVG path element with a thick stroke. The visualization uses React for component structure and SVG for all drawing, with styling defined in the HTML document.

Loading thumbnail…

Dinesh.Budha

This example displays a dense scatter of small, brightly colored circles scattered across a large yellow SVG canvas, layered behind a complex, hand-drawn vector path. The visualization uses React to render the circle elements, with positions and colors generated randomly using `Math.random()`. The central path is a detailed SVG `<path>` element, drawn with a thick stroke to create a prominent, abstract shape. The code uses the React and ReactDOM libraries to mount and render the SVG output.

Loading thumbnail…

Dinesh.Budha

This example presents a dense scatter of small, multi-colored circles generated from a nested set of array mappings. The visualization relies on React and ReactDOM to render an SVG canvas, where each circle's position and fill color are determined by random calculations using `Math.random()`. The composition also incorporates a single, large, hand-drawn SVG path, outlined with a specific stroke, which is transformed and scaled to overlay the scattered points. The piece demonstrates how raw code can produce a complex, layered visual outcome.

Loading thumbnail…

Fork of Dinesh.Budha

A dense field of small multicolored circles overlaps a single thin red line tracing a complex, scribbled path across a yellow SVG canvas. The circles are generated by nesting three `map` operations over an array of numbers, with each circle’s position and RGB fill derived from `Math.random()`, producing a chaotic scatter. The line is drawn as an SVG `path` with a long, hand-authored coordinate string, transformed and scaled via a `g` element. The visualization uses React and ReactDOM to render the SVG structure directly into the page’s root element.

Loading thumbnail…

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

A colorful, abstract composition overlays hundreds of semi-transparent circles of random radius and position with a detailed Buddha silhouette path, all rendered as SVG elements. The circles use random RGB fill values and opacity, generated through nested array mappings, while the Buddha shape is drawn via a complex path with a thick stroke. The visualization is built with React, using ReactDOM to mount the SVG and mapping over arrays to produce the overlapping graphical elements.

Loading thumbnail…

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

A JavaScript visualization overlays hundreds of semi-transparent SVG circles with a detailed Buddha line drawing, creating a dense, colorful abstract composition on a black background. The circles are generated using nested React array maps, with positions and RGB fill colors derived from the `Math.random()` function. The Buddha path, defined as SVG path data, is rendered using React elements within an SVG container, with React and ReactDOM managing the component structure and DOM updates.

Loading thumbnail…

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

A field of 441 randomly positioned circles, each with a random RGB fill and 80% opacity, overlaps an SVG path drawing of the Buddha rendered in a thick black stroke. The circles are generated by three nested `Array.map` calls over an array of 0 through 20, computing `cx` and `cy` as `index * 100 * Math.random()`. The Buddha path, a static SVG `path` element with a `d` attribute, is scaled and translated via a `<g>` transform. The visualization uses React to render the SVG elements.

Loading thumbnail…

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

A colorful field of overlapping circles is scattered across the canvas, each randomly positioned and filled with a semi-transparent RGB color. A detailed line drawing of a Buddha figure, defined by a large SVG path, is overlaid on top of the circles. The visualization uses React to render SVG elements, generating the random circles through nested array maps and using the `Math.random()` function for positioning and color.

Loading thumbnail…

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

The visualization shows a dense field of small, colored circles arranged in a grid-like pattern, overlaid with a large, detailed line drawing of a Buddha silhouette. The circles are generated through nested React map functions, using Math.random() to vary their positions and fill colors in RGB ranges. The Buddha path is rendered as an SVG element with a stroke, centered and scaled via a transform. Built with React and SVG, the piece combines algorithmic randomness with a fixed geometric form for a layered, overlapping effect.

Loading thumbnail…

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

This visualization layers hundreds of semi-transparent, multi-colored circles over a large SVG path of a Buddha figure, set against a light yellow background. The circles are randomly positioned and colored using JavaScript’s `Math.random()` within nested array maps, creating a dense, overlapping point cloud. The Buddha path is rendered as a single `<path>` element with a thick stroke, while React manages the SVG structure and re-rendering of the generated circles.

Loading thumbnail…

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

A colorful field of overlapping circles is scattered across the canvas, each randomly positioned and filled with a semi-transparent RGB color. A detailed line drawing of a Buddha figure, defined by a large SVG path, is overlaid on top of the circles. The visualization uses React to render SVG elements, generating the random circles through nested array maps and using the `Math.random()` function for positioning and color.

Loading thumbnail…

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

A field of 441 randomly positioned circles, each with a random RGB fill and 80% opacity, overlaps an SVG path drawing of the Buddha rendered in a thick black stroke. The circles are generated by three nested `Array.map` calls over an array of 0 through 20, computing `cx` and `cy` as `index * 100 * Math.random()`. The Buddha path, a static SVG `path` element with a `d` attribute, is scaled and translated via a `<g>` transform. The visualization uses React to render the SVG elements.

Loading thumbnail…

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

The visualization shows a dense field of small, colored circles arranged in a grid-like pattern, overlaid with a large, detailed line drawing of a Buddha silhouette. The circles are generated through nested React map functions, using Math.random() to vary their positions and fill colors in RGB ranges. The Buddha path is rendered as an SVG element with a stroke, centered and scaled via a transform. Built with React and SVG, the piece combines algorithmic randomness with a fixed geometric form for a layered, overlapping effect.

Loading thumbnail…

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

This visualization layers hundreds of semi-transparent, multi-colored circles over a large SVG path of a Buddha figure, set against a light yellow background. The circles are randomly positioned and colored using JavaScript’s `Math.random()` within nested array maps, creating a dense, overlapping point cloud. The Buddha path is rendered as a single `<path>` element with a thick stroke, while React manages the SVG structure and re-rendering of the generated circles.