Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 8 TASK 2.1 TREE

Public visualization

ICE 8 TASK 2.1 TREE

0 stars0🌍 Public
Uuguggila@gitam.in
Last edited Nov 10, 2025
Created on Nov 10, 2025

This visualization shows the hierarchical structure of a university, breaking down three colleges into nine departments and twenty-seven courses. It uses a vertical tree layout rendered as SVG through D3.js v7's `d3.tree()` and `d3.linkVertical()` APIs. Nodes are color-coded by depth, transitioning from red root to blue colleges, green departments, and yellow leaf courses. The static dataset is defined as a JavaScript object, with labels positioned above parent nodes and below leaves to improve readability.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed