ICE_8_Harsha_Palacharla

100%

ICE_8_Harsha_Palacharla

✓ Published0🌍 Public

MMeghanaChowdaryVelaga@my.unt.edu

Last edited Apr 7, 2025

Created on Apr 7, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

94% match

Loading thumbnail…

ICE-8 TREE GRAPH

This visualization uses D3.js v7 to render a tree graph of medical patient records. The hierarchical layout displays patient names as top-level nodes, with an "Additional Info" branch expanding to reveal attributes like age, gender, blood type, medical condition, and admission date. The SVG rendering uses d3.tree() to calculate node positions and adds circles and text labels for each node, with curved links connecting parent-child relationships. The data is hardcoded in the script and includes three sample patients with their associated metadata.

Ppeddubalaji@gmail.com

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

84% match

Loading thumbnail…

ICE8-Tree graph

This visualization displays patient records as a hierarchical tree, showing each patient’s ID, gender, age, SAT score, race, admin flag, wait time, and department referral as leaf nodes. Using D3 v7 with an SVG rendering approach, the code builds the tree via `d3.hierarchy`, `d3.tree`, and `d3.linkHorizontal` to draw the connecting paths. Node circles and text labels are appended to groups, with styling handled through CSS. The dataset is a static array of patient objects, transformed into the treemap’s nested structure for display.

66264kusuma@gmail.com

83% match

Loading thumbnail…

ICE8 - Tree

A tree diagram visualizes the distribution of cardiovascular disease risk factors among patients, branching from overall risk into cholesterol, glucose, and smoking categories, then into outcome counts for cardiovascular disease presence or absence. Leaf nodes display patient counts with tooltips providing detailed breakdowns. The visualization is rendered using D3.js v7 with the `d3.hierarchy` and `d3.tree` layouts, drawing SVG links and circles for nodes. Styling applies gray links and black node strokes to clarify the hierarchical structure.

Bbassansackey@gmail.com

82% match

Loading thumbnail…

Ice 8 Tree Graph

This visualization presents a hierarchical tree chart exploring factors related to cardiovascular disease, with a root node representing the disease itself branching into categories like Sex and Age Category, and further into subcategories with specific data values. The tree structure is constructed using the `d3.tree()` and `d3.hierarchy()` APIs from D3 v5, with nodes rendered as circles and links as cubic Bézier paths. Node colors vary by hierarchy level, and the data originates from a hardcoded JSON structure within the code, though an alternative CSV-based data source is referenced in the index.js file. The visualization is rendered as an SVG within an HTML page.

MM Hema

82% match

Loading thumbnail…

healthcare

This visualization presents a hierarchical tree of patient medical records, with each top-level node representing an individual patient and a nested branch showing additional demographic and admission details. The tree layout is computed using D3.js v7’s `d3.tree()` and `d3.hierarchy()` APIs, with horizontal links drawn via `d3.linkHorizontal()` and rendered as SVG paths. Node circles are white with steel-blue strokes, and labels display patient names; the data is embedded directly in the script, including fields like age, blood type, medical condition, and admission dates. The visualization is styled with custom CSS for nodes and links.

Ddmouli369@gmail.com

81% match

Loading thumbnail…

ICE 8

This visualization uses a horizontal tree layout to display the hierarchical structure of a hospital's departmental referral network. The SVG rendering shows hospital departments as root nodes and individual patient referral records as leaf nodes, with the tree expanding from left to right. Built with D3.js v7, the code loads CSV data from a GitHub gist and uses the `d3.hierarchy` function to construct the tree data structure, then applies the `d3.tree()` layout algorithm to position nodes. The visualization employs `d3.linkHorizontal()` for curved link paths connecting parent and child nodes, with circular markers and text labels indicating each node's department name or individual record.

66264kusuma@gmail.com

79% match