Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

tree

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed