q2 — VizHub

100%

q2

✓ Published0🌍 Public

Last edited Apr 9, 2025

Created on Apr 9, 2025

This network graph visualizes 20 simulated diabetes patients, connecting those who share the same binary outcome (positive or negative) with gray links. Nodes are colored orange for outcome 1 and blue for outcome 0, with a legend clarifying the encoding. The layout is computed using D3 v7’s `d3.forceSimulation` with `d3.forceLink` and `d3.forceManyBody` forces, rendered as an SVG with labeled patient nodes. Static link and node positions update on each simulation tick, and the dataset is hardcoded in the script.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

q2

This example displays a network graph of a simplified diabetes dataset, connecting three patient nodes (Patient A, B, C) to attribute nodes representing glucose levels, BMI categories, and diabetic outcome. The force-directed layout positions nodes based on simulated physical forces. Built with D3 v7, the visualization uses `d3.forceSimulation` to handle the physics, combining `d3.forceLink` for edges, `d3.forceManyBody` for repulsion, and `d3.forceCenter` for centering. Nodes are colored by group (patient, glucose, BMI, outcome) using `d3.scaleOrdinal` with the `schemeCategory10` palette; node positions update on each simulation tick, rendering with SVG `line` and `circle` elements.

Nnagalakshmibadineedi2@gmail.com

89% 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

75% match

Loading thumbnail…

Network Graph

This network graph visualizes relationships between patients, using nodes to represent individuals and links to show connections such as shared race or departmental referrals. The graph is rendered as an SVG within a React framework, using D3 v6's `forceSimulation` API to calculate node positions and `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to manage the physics. Users can drag nodes to explore the network, and the visualization updates dynamically through the `simulation.on('tick')` event.

66264kusuma@gmail.com

74% match

Loading thumbnail…

q1

This example shows a compact vertical tree layout that organizes diabetes patient data by outcome, age range, BMI, and glucose level. The tree uses `d3.tree()` with a layout size tailored to an SVG canvas, where links are drawn with `d3.linkVertical()`. Nodes are rendered as circles colored by parent/leaf status, with text labels offset to the right. The visualization relies on D3 v7 to parse a nested JavaScript object and position nodes horizontally across the 1200×400 viewport, providing a condensed overview of attribute combinations in the dataset.

Vvaishnavgck@gmail.com

74% match

Loading thumbnail…

Network graph

This network graph visualizes the relationships between entities in a hospital management system, such as patients, nurses, doctors, and reports. The D3.js `forceSimulation` with `forceLink`, `forceManyBody`, and `forceCollide` physics arranges nodes, while SVG `<line>` elements with markers show directed links. Nodes are interactive: users can drag them, and hovering highlights the node with a thick stroke. The data comes from `data.json`, which defines nodes with group assignments and edges with relationship types. The visualization uses D3 v6 and renders entirely with SVG elements.

Ttejasrikotipalli1@gmail.com

73% match

Loading thumbnail…

ICE_8_Harsha_Palacharla_Network_Visualization

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.

Nnagasuryaharsha999@gmail.com

73% match

Loading thumbnail…

A2Q7P2

This visualization shows a network of people connected by friendship links, with each person represented as a pink circle labeled with their name and connected by green arrowed lines. The graph uses d3.forceSimulation with forceLink, forceManyBody, forceCollide, and forceCenter to position the nodes. Users can drag nodes interactively, and hovering highlights a node with a blue border. Data comes from a local JSON file containing ten nodes and twelve links, rendered as SVG elements.

MmNamratha25

73% 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

73% match