Skip to main content
Log in
L

lathabemanadham@my.unt.edu

@LathaBemanadham09·19 public vizzes

Loading thumbnail…

latha bemanadham 11714828 network graph

This network graph visualizes plant anatomy, showing the hierarchical relationships among components such as the root system, shoot system, leaves, and flowers. Nodes and links are derived from a static array of parent-child pairs and rendered as SVG circles and lines. The layout is computed using d3.forceSimulation with forceLink, forceManyBody, and forceCenter, while d3.drag enables interactive repositioning of nodes during the simulation.

Apr 9, 2025
Loading thumbnail…

Latha Bemanadham 11714828 Tree

A golden Buddha sits in lotus position beneath a recursive plant-anatomy tree built from branching SVG lines. The tree diagram uses D3.js layout and transitions to display hierarchical plant structure, with color-coded nodes for depth levels and expandable branches. React components render a sky with animated drifting clouds and a gradient ground, while the Buddha’s SVG path includes facial features, hands, and a pink lotus base. The visualization combines static illustration with interactive D3 tree animation.

Apr 8, 2025
Loading thumbnail…

tree latha bemanadham

This visualization depicts a serene landscape with a golden Buddha statue seated beneath a recursively branching tree, set against an animated sky with drifting clouds. The scene is rendered as an SVG using React components, with the tree’s fractal structure built through a recursive `drawBranch` function that adjusts branch length and angle with each depth level. A separate D3.js tree diagram using `d3.stratify` and `d3.tree()` lays out a fitness journey hierarchy with colored nodes and labels. Cloud movement is driven by a React `useState` and `useEffect` timer that updates horizontal offsets, creating continuous motion across the gradient background.

Apr 7, 2025
Loading thumbnail…

pie chart latha bemanadham

This pie chart visualizes the most occurred plant diseases from a CSV dataset, showing each disease’s share as a percentage label on its slice. It uses D3 v7 with `d3.csv` to load data, `d3.rollup` to count occurrences, and `d3.pie` with `d3.arc` to generate SVG paths. A color legend maps diseases using `d3.scaleOrdinal` and `d3.schemeSet2`, while slice labels are positioned via `arc.centroid`. The chart renders in an SVG canvas with a white background and fixed dimensions.

Apr 2, 2025
Loading thumbnail…

area chart latha bemanadham

This area chart displays temperature by plant type from a CSV file, with a blue-green filled region beneath a smooth monotone curve. The visualization uses D3.js v7 with SVG rendering, sorting the data by temperature and applying `d3.scalePoint` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.area` with `d3.curveMonotoneX` to generate the path. The chart includes rotated x-axis labels and axis titles via `d3.axisBottom` and `d3.axisLeft`, using data fetched with `d3.csv`.

Apr 2, 2025
Loading thumbnail…

line chart latha bemanadham

This line chart visualizes the relationship between temperature and humidity from a plant growth CSV dataset, plotting humidity on the y-axis against temperature on the x-axis. The data is sorted by temperature, with each point rendered as a green circle and connected by a line using `d3.line()`. The chart uses `d3.csv()` to load the external data, `d3.scaleLinear()` for both axes, and `d3.axisBottom()` and `d3.axisLeft()` to generate tick marks. The SVG rendering includes labeled axes for temperature in degrees Celsius and humidity percentage.

Apr 2, 2025
Loading thumbnail…

SCATTER PLOT 11714828

This scatter plot visualizes plant growth data, showing the relationship between temperature and humidity with fixed axis labels. A reusable D3 chart factory defines the plot, with animated cycling through three numeric fields (temperature, humidity, growth) via `setInterval`, though the axis titles remain constant. The visualization uses d3.csv to load data, d3.scaleLinear for axes, and SVG circles for points. The chart supports configurable dimensions, margins, scales, and radius through a functional API, with a simple steelblue fill for all data points.

Apr 2, 2025
Loading thumbnail…

Latha Bemanadham scatter plot

This scatter plot visualizes the relationship between temperature and humidity from a plant growth CSV dataset. The graph displays each data point as a green circle, with temperature on the x-axis and humidity on the y-axis, and includes axis labels and hovering tooltips that show the exact values. The visualization is built using D3 v7, which loads the data via `d3.csv`, scales the axes with `scaleLinear`, and creates interactive SVG circles using `d3.append` and event listeners for mouse interactions. A styled chart container with a light blue background frames the plot.

Apr 2, 2025
Loading thumbnail…

Pie Chart latha bemanadham 11714828

This pie chart visualizes the distribution of cosmetic product types from a CSV dataset, showing the frequency of each category with labeled slices and a color-coded legend. It uses D3 v6 APIs including `d3.pie`, `d3.arc`, `d3.rollup`, and `d3.scaleOrdinal` with `d3.schemeCategory10` to generate and style the SVG chart, placing a red title above the visualization.

Apr 2, 2025
Loading thumbnail…

Scatter Plot Latha Bemanadham 11714828

This scatter plot visualizes the relationship between temperature and humidity from a plant growth dataset. The visualization uses D3 v7 to render circles on an SVG canvas, with a linear scale mapping temperature to the x-axis and humidity to the y-axis. The code loads CSV data from a GitHub gist, parses the numeric fields, and draws blue circles with a radius of five pixels. Axis labels and ticks are generated using the d3.axisBottom and d3.axisLeft functions, with the chart configured with a 50-pixel margin.

Apr 2, 2025
Loading thumbnail…

Latha Bemanadham 11714828 scatter plot

This interactive scatter plot visualizes product distribution across different days of the week, with a dropdown menu allowing users to switch between days. The chart uses D3.js (v7) to render SVG circles positioned on a band scale for products and a linear scale for values, with smooth transitions animating position updates. Hovering over a circle enlarges it and displays a tooltip with the product name and value. The data is loaded from a CSV file hosted in a GitHub Gist.

Apr 2, 2025
Loading thumbnail…

Latha Bemanadham Bargraph

This bar chart displays the average temperature in degrees Celsius for different plant types, using a vertical bar for each category. The visualization, rendered with D3.js v7, loads its data from a remote CSV file. It uses `d3.scaleBand` and `d3.scaleLinear` to map plant types and temperature values to screen coordinates. The chart features a light blue background, styled bars, and interactive tooltips that appear on mouseover, showing the exact temperature for each plant type. Axes are added using `d3.axisBottom` and `d3.axisLeft`, with rotated x-axis labels for better readability.

Mar 25, 2025
Loading thumbnail…

Fork of Bar_Plot

This visualization is a horizontal bar chart showing the number of patients received by the top 10 hospitals in 2024. The bars, rendered as steelblue rectangles, display the patient count for each hospital, with hospital names listed along the y-axis and a scaled x-axis showing patient numbers with tick marks. The code uses React for component structure and state management, with d3.csv to load data from a remote CSV file, d3.scaleBand for the y-axis categories, and d3.scaleLinear for the x-axis values, alongside d3.axisBottom and d3.axisLeft helpers. The visualization is built as a single SVG within a React app, with margins and dimensions hardcoded.

Mar 24, 2025
Loading thumbnail…

ICE-5_11714828

This example presents a summary analysis of a plant growth dataset, displaying the dataset’s file size in kilobytes and bytes, along with the number of rows and columns. It fetches a remote CSV file using the browser’s `fetch` API and parses it with `d3.csvParse`. The computed statistics are then inserted into the page’s HTML via DOM manipulation, with styling applied through plain CSS. The visualization is minimal, focusing on textual data description rather than graphical representation.

Mar 19, 2025
Loading thumbnail…

11714828

A decorative dessert scene titled "Seasonal Cake" presents a stylized multi-layered cake with frosting, sprinkles, and a candle, rendered as static SVG shapes on a light background. Using D3.js v7, the code programmatically constructs the visualization by layering colored rectangles for the cake body, ellipses for frosting, and circles for decorative elements like confetti and the candle flame.

Feb 24, 2025
Loading thumbnail…

cake 11714828

This example shows a stylized cake built with three layered rectangles, blue frosting strokes, red and pink sprinkles, three strawberries, and a candle with a flame. The code uses D3.js v6 to select an SVG container and append shapes, with randomized sprinkle positions generated via `d3.range` and `Math.random`. A static cake group translates to the center, and each layer, strawberry, and candle element is positioned with explicit coordinates, rendered as SVG rects and circles.

Feb 24, 2025
Loading thumbnail…

Fork of slice

This visualization draws a three-layered birthday cake with a candle, flame, sprinkles, and strawberries using static SVG shapes. The code builds the scene with D3 v6 by appending rectangles for cake layers and the candle, circles for sprinkles, strawberries, and the flame, and positions elements through SVG transform and coordinate attributes. Random sprinkle positions are generated with d3.range and Math.random, while the cake is centered via a translate transform.

Feb 23, 2025
Loading thumbnail…

Fork of slice

A fork of the Slice example draws a strawberry cheesecake using D3.js v7 with SVG rendering. The code constructs the dessert from layered geometric shapes: rectangles form the crust and cheesecake layers, an ellipse creates the strawberry glaze, and circles represent strawberries and whipped cream. Green triangles serve as strawberry leaves, while a path provides a chocolate drizzle. All shapes are positioned absolutely on a 500x500 canvas, with data arrays defining strawberry and whipped cream positions through `forEach` loops.

Feb 23, 2025
Loading thumbnail…

Fork of slice

This example renders a simple three-layered cake using React with D3.js (v6) and SVG. It draws stacked rectangles for the cake layers, adds randomly positioned red circles as sprinkles, and places fixed circles as strawberries on top. A white rectangle represents the candle with an orange circle for the flame. The visualization uses D3's selection and append methods to construct the SVG elements, with styling applied via an external CSS file.

Feb 23, 2025