kramyasudha2024@gmail.com

@KalisettiRamyaSudha·5 public vizzes

Mental_health_network_graph

This network graph visualizes simulated mental health support data across four company size categories—Small, Medium, Large, and Enterprise—showing the percentage of employees with mental health benefits as node color and link thickness representing connection strength. A d3.forceSimulation with forceLink and forceManyBody positions the nodes, while d3.scaleSequential with interpolateBlues maps benefit percentages to fill colors. Interactive drag behavior lets users rearrange the network, and a legend explains the color scale and link thickness. The visualization uses SVG rendering with D3 v7.

Apr 9, 2025

Loading thumbnail…

Mental_health_tree

This visualization depicts a serene landscape featuring a meditating Buddha figure beneath a dynamically branching tree, set against an animated sky with drifting clouds. The scene represents mental health in the tech industry through the tree's recursive growth. Built with React, the SVG canvas renders the Buddha using detailed path definitions and the tree using a recursive branch-drawing function. The Sky component animates cloud positions using React's useState and useEffect hooks, updating offsets at 50-millisecond intervals to create continuous motion across the gradient sky.

Apr 9, 2025

Loading thumbnail…

ICE_7-VideoGamescatter plot

This animated scatter plot visualizes US housing sales data, cycling every two seconds between three variables—average price, number of sales, and average square footage—on the x-axis. Built with D3 v6, it uses `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and `setInterval` to swap the x-value mapping. Points are rendered as SVG circles with a fixed radius, fed by a CSV parsed via `d3.csv`.

Apr 2, 2025

Loading thumbnail…

ICE7_VG_piechart

This example features an interactive donut chart that visualizes categorical data. The visualization uses D3.js to render the chart, computing arc segments from the data values and applying a color scale to differentiate categories. Hovering over a segment triggers a CSS transition that highlights the slice, while a tooltip dynamically displays the segment name and its corresponding count. The code builds the SVG elements using `d3.arc` and `d3.pie` for the angles and paths, and the dataset is an array of named numeric categories.

Apr 2, 2025

Loading thumbnail…

Chocolate cake

A chocolate cake slice on a plate, complete with wavy frosting, a cherry, and cream swirls, sits beside a steaming cup of coffee. The SVG scene uses D3.js to construct basic shapes like polygons, ellipses, and paths, with explicit coordinate attributes. The code demonstrates direct DOM manipulation via `select` and `append`, and draws the frosting drip using `path()` with cubic Bézier curves (`bezierCurveTo`). A soft shadow ellipse and coffee steam paths add depth, all rendered within a fixed 960×500 SVG canvas.

Feb 24, 2025