anushapodapati99@gmail.com

@Anushapodapati99·6 public vizzes

Fork of Buddha

This visualization renders a dense, overlapping arrangement of colorful diamond-shaped polygons generated from a nested array map in React, layered over a large Buddha path drawn with SVG coordinates. The polygons use Math.random() for positioning, fill colors, and rotation, creating a chaotic, abstract composition. The code relies on React 16.10 and ReactDOM to render SVG elements directly in the browser, with the Buddha figure embedded as a path within the same SVG canvas.

Mar 24, 2024

Loading thumbnail…

Buddha

This visualization renders a vibrant, generative mandala of overlapping diamond shapes on a floral background image. Built with React and rendered as SVG, the artwork maps a 31x31 grid of randomly placed, rotated polygons with bright, semi-transparent RGB colors. The code overlays a silhouette of Buddha in the center, creating a psychedelic and spiritual aesthetic. The composition uses seeded randomness and layered transforms to produce a kaleidoscopic effect, with the Buddha figure emerging from a field of colorful, diamond-like shapes.

Mar 24, 2024

Loading thumbnail…

5 Buddhas

This visualization renders five semi-transparent, rainbow-colored Buddha silhouettes in a diamond grid against a black background. Each Buddha is drawn as an SVG path, layered and rotated at 45-degree angles, with overlapping semi-transparent polygons creating a kaleidoscopic, generative color effect. Built with React and rendered as SVG, the piece uses deterministic pseudorandom point generation and opacity layering to give the repeated sacred forms a luminous, abstract quality. The title plays on the five iterations of the figure displayed across the canvas.

Mar 24, 2024

Loading thumbnail…

Fork of HTML Starter

This example displays a centered, large-scale text message that reads “Hello HTML!” in a plain web page. The text is styled using CSS within an HTML `<style>` block, with a font size of 13em and centered alignment. The page uses minimal JavaScript, with the rendering handled entirely by the browser’s native HTML and CSS parsing, requiring no external libraries or data sources. It serves as a bare-bones template for web-based visualization development.

Mar 23, 2024

Loading thumbnail…

Fork of Hello VizHub

This example demonstrates the basic setup of a VizHub project, showing how D3.js version 5 loads from a CDN and interacts with the DOM. It displays a static message, "Hello VizHub!", inside a styled `div` element. The code uses D3's `select` function to target the `#message` element and set its text content, while also importing a local ES6 module, `myMessage.js`, to supply the message string. The page structure is defined in `index.html`, with styles applied via `styles.css` to center and enlarge the text, and a separate `bundle.js` script handles the JavaScript execution.

Mar 23, 2024

Loading thumbnail…

HTML starter

This scatter plot visualizes the relationship between cities and datetime, with color intensity encoding humidity levels from the Vancouver dataset. The visualization uses D3 v7 to load CSV data and render an SVG with circular marks positioned by a band scale for city names on the x-axis and datetime on the y-axis. A sequential viridis color scale maps humidity values, and a gradient legend with an axis provides a reference for interpreting the color encoding. The code applies D3’s scaleBand, scaleSequential, and axis components to construct the chart, which displays the original weather data from the external CSV source.

Mar 23, 2024