Skip to main content
SimilarExport ZIP
100%

Fork of ICE8-Tree graph

✓ Published0🌍 Public
KKusumaKumariDama@my.unt.edu
Last edited Apr 2, 2024
Created on Apr 2, 2024
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of ICE-8 Tree graph

This example visualizes hospital emergency room patient data as a hierarchical tree graph, grouping patients by department referral and showing attributes like date, gender, and age for each individual. The visualization uses D3.js version 7 with the `d3.tree()` layout and `d3.hierarchy()` to structure the data loaded from an external CSV file. Nodes are rendered as white circles with steelblue strokes, connected by gray curved paths generated using `d3.linkHorizontal()`, with text labels positioned based on whether each node has children. The SVG rendering includes custom CSS styling for the nodes and links.

BBALAJI MANDAVA
90% 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
89% match
Loading thumbnail…

Fork of ICE8-Tree graph

This tree graph shows the hierarchical structure of hospital ER data, grouping patients by date, patient ID, gender, age, satisfaction score, name initials, race, admin flag, and wait time. It loads CSV data from a GitHub repository and uses `d3.csv` to parse it, then `d3.hierarchy` and `d3.tree` to lay out the nodes. Links are drawn with `d3.linkHorizontal`, while SVG circles and text labels render each node. The data is transformed into a multi-level nested structure before rendering, displaying the full branching relationship across all categories.

BBALAJI MANDAVA
88% match
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.

BBavya Vemulapalli
87% match
Loading thumbnail…

Fork of ICE-8 Tree graph

This example shows a hierarchical tree graph of hospital emergency room data, organized by category and hospital, with nested nodes for location and bed count. The visualization uses D3.js v7 with an SVG renderer, applying a tree layout with horizontal links and distinct node shapes—ellipses, rectangles, and circles—based on depth. Data is loaded from an external CSV file via d3.csv, and the tree structure is built and rendered using d3.hierarchy and d3.tree().

BBALAJI MANDAVA
86% match
Loading thumbnail…

Fork of ICE-8 Tree graph

This visualization shows a hierarchical tree of hospital job data, including job categories, job titles, salaries, and locations. It is rendered using D3.js v7 and displays nodes as ellipses, rectangles, and circles based on their depth in the hierarchy. The code fetches data from a remote CSV file, transforms it into a tree structure, and uses D3's `d3.tree()`, `d3.hierarchy()`, and `d3.linkHorizontal()` APIs to create the graph.

BBALAJI MANDAVA
85% match
Loading thumbnail…

Fork of ICE8-Tree graph

This tree visualization displays hierarchical COVID-19 data, showing country-level statistics like cumulative confirmed cases, deaths, and recoveries branching from regional classifications. The structure uses colored circles and text labels to represent nodes and links. Built with D3.js v7, it applies `d3.hierarchy()` and `d3.tree()` to compute node positions, rendering the layout as an SVG with custom margin settings. The code defines static data objects with nested children arrays, and the visualization presents this data using a classic node-link diagram where each level represents a different data category.

Jjammigumpula.priyanka193@gmail.com
85% match