ICE_8_Harsha_Palacharla_Network_Visualization

100%

ICE_8_Harsha_Palacharla_Network_Visualization

✓ Published0🌍 Public

Last edited Apr 7, 2025

Created on Apr 7, 2025

Forked from Creating Network Graph with Fitness Data Set

This network visualization maps relationships among ten patient records in an embedded health dataset based on cholesterol similarity, connecting individuals whose cholesterol levels differ by less than 30 mg/dL. The force-directed layout spreads nodes using D3.js v7’s `d3.forceSimulation`, combining `forceLink`, `forceManyBody`, `forceCenter`, and `forceCollide` to position nodes and prevent overlap. Link thickness encodes the absolute cholesterol difference between connected patients, while node labels display age, blood pressure, and cholesterol values. The SVG rendering uses distinct styling for network nodes, links, and labels to keep the graph readable.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE_8_Harsha_Palacharla

This visualization shows a hierarchical tree of patient health records, where each node represents an individual with their age, blood pressure, and cholesterol levels. Node size encodes blood pressure, while color indicates cholesterol risk categories (green, amber, red). Built with D3.js v7, the code uses `d3.stratify()` to build the hierarchy, `d3.tree()` for layout, and `d3.linkHorizontal()` for curved links, rendering the final result as SVG circles and labels.

MMeghanaChowdaryVelaga@my.unt.edu

84% match

Loading thumbnail…

ICE_8_Harsha_Palacharla

This visualization displays a hierarchical tree of 20 embedded health records, structured by patient age using D3.js v7. The code uses d3.stratify to build the hierarchy and d3.tree for the layout, rendering nodes and links as SVG elements with circular markers and labels. It sorts nodes by age ascending and includes rotated label styling, with a subset of blood pressure and cholesterol data drawn from a larger Gist dataset.

Nnagasuryaharsha999@gmail.com

83% match

Loading thumbnail…

ICE-8 Network graph

A network graph visualization shows patient data as linked nodes, with each circle representing a patient and lines indicating shared attributes like age, race, or wait time. The graph uses d3.forceSimulation with forceLink and forceManyBody to position the nodes, while the SVG renders labels for each patient ID. The code includes a sample data array but the visualization connects patients based on matching criteria, creating a web of relationships. The layout updates dynamically on each simulation tick.

KKusumaKumariDama@my.unt.edu

80% match

Loading thumbnail…

ICE8-network

This interactive network visualization displays a collaboration network among students, projects, and labs, with nodes colored by group and sized by connection weight. The graph uses force-directed layout via d3.forceSimulation with forceLink for link constraints, forceManyBody for repulsion, and forceCenter to keep the layout centered. Users can drag nodes with d3.drag to explore relationships, and hovering reveals a tooltip with node details from the CSV data sources. The SVG rendering uses d3.select and join operations to efficiently manage the dynamic graph elements.

SSai Charan

78% match

Loading thumbnail…

ICE8 - Node-link diagram with force-directed layout

This example shows a patient network as a node-link diagram, where each circle represents a patient and lines connect patients who share at least one attribute, such as race, gender, or department referral. The layout is generated with d3.forceSimulation, using d3.forceLink, d3.forceManyBody, and d3.forceCenter to position nodes and links. Hovering over a node enlarges it and displays a tooltip with the patient ID, implemented via mouseover and mouseout events. The visualization renders in SVG with animation, based on an array of patient objects containing demographic and referral data.

KKusumaKumariDama@my.unt.edu

78% match

Loading thumbnail…

ICE8 - Network

A force-directed network diagram maps relationships among six cardiovascular disease attributes—gender, smoking, alcohol, cholesterol, glucose, and the cardio target—using D3.js v5 with a custom `d3.forceSimulation` layout. Nodes are grouped by category (Gender, Habits, Health, Target) with a scaleOrdinal color scheme, while link stroke widths encode connection strength. Interactive drag-and-drop repositions nodes, and SVG tooltips describe each attribute’s possible values. The dataset appears to come from a cardiovascular risk factor survey.

Bbassansackey@gmail.com

78% match

Loading thumbnail…

ICE8: Network Graph

A network graph maps personal and professional connections radiating from a central node, with labeled circles and colored links showing relationships between individuals. Using d3.forceSimulation with forceManyBody, forceLink, and forceCenter, the SVG visualization computes node positions and supports drag interactions. Node sizes and colors differentiate hierarchy levels, while link distances vary by relationship type. Data is defined in JavaScript modules and rendered via D3 selections for circles, lines, and text labels.

SSharmaAshwini

77% match

Loading thumbnail…

ICE8-Network Graph

This network graph visualizes relationships between eleven named individuals, grouped into clusters, with a force-directed layout. Nodes are rendered as grey circles with black outlines, linked by red lines whose thickness corresponds to the numeric weight of each connection. The graph is built using D3 v2’s `d3.layout.force` for physics-driven positioning and drag interaction, reading graph structure from a local `graphFile.json`. Node labels are added via SVG `<text>` elements, and link widths are mapped with `Math.sqrt(d.weight)` for visual scaling.

RRahulSai05

77% match