Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

tree

Public visualization

Viewing a saved revision (read-only)

af32842dec434806b437886d66d1c28a

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