Skip to main content
SimilarExport ZIP
100%

ICE8 - Tree

✓ Published2🌍 Public
Bbassansackey@gmail.com
Last edited Apr 8, 2025
Created on Apr 8, 2025
Forked from ICE 8 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.

AI-generated description
MIT Licensed

Similar vizzes

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
88% 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
83% match
Loading thumbnail…

ICE 8 Tree

This horizontal tree diagram visualizes a hierarchy of global health data, tracing from a "Global Health" root through four countries (Canada, Japan, Germany, Kenya) into disease categories and specific illnesses. Node colors encode the tree depth, with a legend distinguishing global health, country, category, and disease levels. The code uses D3 v7’s `d3.hierarchy` and `d3.tree` layout, drawing links with `d3.linkHorizontal` and rendering nodes as SVG circles and text labels. Styling is minimal, relying on CSS classes for links and nodes.

BBhanuGadde@my.unt.edu
83% 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
82% match
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
82% 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
82% match
Loading thumbnail…

ICE8-Tree graph

This tree visualization displays hierarchical COVID-19 data, starting from a global root and branching into regions like Europe, North America, and Africa, then into individual countries, and finally into cumulative confirmed cases, deaths, and recoveries for each. The structural layout is generated using D3’s `d3.tree` and `d3.hierarchy` APIs, which compute node positions based on the nested data. Each node is rendered as a circle with a label, and parent-child connections are drawn as simple links. The visualization is built using SVG within a static HTML page, as defined in the provided `index.html` and `index.js` files.

Ppilliprathimarani@my.unt.edu
81% match
Loading thumbnail…

Fork of ICE8-Tree graph

This tree graph visualizes patient data from a sample dataset, using a hierarchical layout to show each patient’s name, ID, gender, and age as leaf nodes. The visualization employs the D3.js v7 library with an SVG rendering approach, utilizing the `d3.tree` layout and `d3.hierarchy` to structure the data. Links are drawn with `d3.linkHorizontal`, while circles and text labels are styled via CSS. The code computes node positions and connects them to display the tree structure.

KKusumaKumariDama@my.unt.edu
81% match