Bavya Vemulapalli

@BavyaVemulapalli·2 public vizzes

Fork of Fork of ICE-8:Network graph

This interactive network graph visualizes relationships between patients and hospital departments using a force-directed layout. The visualization distinguishes node types through color coding—steelblue for patients and lightgreen for departments—with labeled circular nodes connected by gray links. The code employs d3.forceSimulation to compute node positions, combining d3.forceLink for link constraints, d3.forceManyBody for repulsion, and d3.forceCenter for centering. Arrow markers indicate link direction on the SVG canvas, while titles and labels are rendered as SVG text elements.

Apr 3, 2024

Loading thumbnail…

Fork of Fork of ICE-8 Tree graph

A hierarchical tree visualizes hospital emergency room records, grouping patients by department referral and displaying each patient’s date, gender, and age as leaf nodes. The code loads CSV data via `d3.csv`, transforms it into a nested structure, and renders an SVG using `d3.tree`, `d3.hierarchy`, and `d3.linkHorizontal` for curved links.

Apr 3, 2024