Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

tree

Public visualization

Viewing a saved revision (read-only)

968b0b7e275d451eaeec8c9cf8e6883d

tree

0 stars0🌍 Public
LLaasyaJ256
Last edited Apr 11, 2026
Created on Apr 9, 2026
Forked from React & D3 Starter

The visualization presents a hierarchical university structure as a tree diagram, showing the Global University, its departments, faculties, and professors. Nodes are rendered as size‑coded circles with distinct colors per depth level, connected by straight links. Built with D3.js v7, the code uses `d3.hierarchy` and `d3.tree` to compute layout positions, then manually normalizes x-coordinates to fit the SVG canvas. Each node displays its label and adjusts fill color based on hierarchy depth.

AI-generated description