Skip to main content
Log in
V

vemuri.vaishnavi27@gmail.com

@vaishnavivemuri27·8 public vizzes

Loading thumbnail…

neural graph

A force-directed network graph shows relationships between four countries and nine diseases, with orange nodes for countries and blue nodes for diseases. The visualization uses d3.forceSimulation with link, charge, and center forces to position nodes, rendered as SVG circles and labels. Nodes are draggable via d3.drag, which temporarily fixes their position during interaction. The links connect each country to associated diseases, revealing the bipartite structure of the dataset.

Apr 8, 2025
Loading thumbnail…

treee

A hierarchical tree diagram visualizes global health data, organizing countries as parents, disease categories as their children, and individual diseases as leaves. The layout uses a vertical tree structure where nodes are color-coded by depth: orange for countries, blue for categories, and green for diseases. Custom data is rendered as an SVG using D3 v7, employing `d3.hierarchy` to structure the data and `d3.tree` with `d3.linkVertical` to compute and draw the paths. Node circles are styled with inline fills based on depth, with text labels positioned above each node.

Apr 8, 2025
Loading thumbnail…

network graph

This network graph visualizes a hierarchical data flow from "World" down to countries, crops, and production/consumption metrics. A force-directed layout positions colored nodes by category—red for the root, blue for countries, orange for crops, and green/purple for data endpoints. The implementation uses d3.forceSimulation, d3.forceLink, and d3.forceManyBody for the physics, with d3.drag enabling interactive node repositioning. All rendering happens in SVG, with tick updates repositioning lines, circles, and text labels.

Apr 8, 2025
Loading thumbnail…

ice 8

This visualization presents a spacious tree diagram comparing production and consumption values for wheat, rice, barley, and cotton across the USA, Mexico, and India. The hierarchical structure uses a d3.tree layout with custom separation logic to increase spacing between leaf nodes. Nodes are rendered as rounded rectangles with SVG text labels, while straight brown links connect parent-child relationships. The code builds the tree from flat data using a Map, then applies d3.hierarchy and d3.tree to position elements within an SVG viewBox of 1800 by 600 pixels.

Apr 7, 2025
Loading thumbnail…

Fork of Fork of Fork of Fork of Area chart Graph

This area chart visualizes Tesla’s daily closing stock prices from mid-2019 through early 2021, using a green, semi-transparent fill to highlight the price trend over time. The visualization is rendered as an SVG in a D3.js v7 script, loading a CSV dataset and parsing dates with `d3.timeParse`. The chart constructs its x- and y-axes using `d3.scaleTime` and `d3.scaleLinear`, draws the area with the `d3.area` generator, and adds labeled axes and a title through SVG text elements.

Apr 1, 2025
Loading thumbnail…

Fork of Fork of Fork of Line Graph

A simple line chart visualizes Tesla stock closing prices from May 2019 to the following year. The visualization uses D3.js (v7) to load CSV data via `d3.csv`, parse dates with `d3.timeParse`, and render an SVG path using `d3.line()`. The chart includes axes, title, and axis labels, making it a straightforward time-series example.

Apr 1, 2025
Loading thumbnail…

Fork of Fork of PIE CHART

This example visualizes the distribution of fixed acidity in a wine quality dataset, categorizing values into low, medium, and high ranges. It uses a pie chart with labeled slices and a color-coded legend to show the relative counts in each category. Built with D3 v7, the code loads CSV data via `d3.csv`, processes it with array methods, and generates the chart using `d3.pie` and `d3.arc` for the slices, while `d3.scaleOrdinal` assigns slice colors. The visualization renders as SVG.

Apr 1, 2025
Loading thumbnail…

Fork of Reusable Scatter Plot

This scatter plot displays the relationship between fixed acidity and volatile acidity in wine samples, with each point's position determined by these two variables. Residual sugar levels are also parsed from the CSV data and could be used as point labels. The visualization uses Chart.js and PapaParse to load and parse the `useData.csv` file, which contains wine chemical properties, and renders the scatter plot on an HTML5 canvas. Despite the borderColor being transparent, a thick borderWidth is set, though it doesn't visibly affect the points.

Apr 1, 2025