Skip to main content
SimilarExport ZIP
100%

ICE 8 Tree

✓ Published1🌍 Public
BBhanuGadde@my.unt.edu
Last edited Apr 8, 2025
Created on Apr 8, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Tree Graph ICE 8

A tree diagram shows the hierarchical structure of global health data, with countries (Brazil, India, Australia, Nigeria) branching into disease categories and specific diseases. The visualization uses a horizontal tree layout with colored nodes—orange for countries, light blue for disease categories, and green for diseases—to distinguish hierarchy levels. The code employs D3 v7's `d3.hierarchy` and `d3.tree` APIs to compute layout positions, and renders the SVG with `linkHorizontal` paths and circles via a `.join()` operation. A legend above the chart explains the color coding.

Ddeepthiv.4706@gmail.com
90% 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
85% match
Loading thumbnail…

ICE 8 tree

This is a static tree diagram showing the hierarchical structure of World, Continents, and Countries. The root node (World) is blue, continents are purple, and country leaf nodes are green, with a color-coded legend on the right. The visualization uses the D3.js v7 `d3.tree()` layout, `d3.hierarchy()`, and `d3.linkVertical()` to compute and draw the SVG paths and circles. The data is a hardcoded JavaScript object representing the geographic parent-child relationships.

Aadithiarikatla@gmail.com
85% match
Loading thumbnail…

treee

A hierarchical tree diagram visualizes global health data, organizing countries as parents, disease categories as their children, and individual diseases as leaves. The layout uses a vertical tree structure where nodes are color-coded by depth: orange for countries, blue for categories, and green for diseases. Custom data is rendered as an SVG using D3 v7, employing `d3.hierarchy` to structure the data and `d3.tree` with `d3.linkVertical` to compute and draw the paths. Node circles are styled with inline fills based on depth, with text labels positioned above each node.

Vvemuri.vaishnavi27@gmail.com
84% match
Loading thumbnail…

ICE 8 Network

A hierarchical network graph maps global health initiatives by linking a central "Global Health" node to four countries, each branching into disease categories and specific conditions like Alzheimer's, Heart Disease, and Malaria. Nodes are colored by group (global, country, category, disease) and labeled, with edges conveying the taxonomy. Built with D3 v7, the visualization uses `d3.forceSimulation` with force-link, many-body charge, and center forces to compute layout, while SVG elements are positioned during the simulation's tick callback to render the interactive, draggable network.

BBhanuGadde@my.unt.edu
84% match
Loading thumbnail…

graph

This example presents a hierarchical tree diagram of global health data, organizing countries into disease categories and specific diseases beneath a “Global Health” root. The visualization uses an SVG-drawn tree layout, with colored nodes indicating depth: orange for countries, blue for disease categories, and green for individual diseases. The code builds the hierarchy with `d3.hierarchy()`, positions nodes using `d3.tree()`, and connects them with `d3.linkVertical()` paths. Labels appear above each circle, and the layout is calculated dynamically based on the 800×800 SVG dimensions.

Yyashaswisanjanaaerra@my.unt.edu
84% match
Loading thumbnail…

Fork of ICE8-Tree graph

This example shows a hierarchical tree visualization of COVID-19 data, organizing global regions (Europe, North America, Africa) into countries and their respective cumulative case, death, and recovery statistics. Each node is represented as a circle with text labels, connected by gray links, and rendered as scalable vector graphics (SVG) using the D3.js v7 library. The code constructs the tree layout using the `d3.tree()` and `d3.hierarchy()` functions, and applies custom CSS for node styling. Data is hardcoded within the JavaScript, and the visualization is created by declaring an SVG element when one does not already exist.

Cchamarthisreenivasvarma@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
83% match