Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree Visualization

Public visualization

Viewing a saved revision (read-only)

76697749c19a444ea186eff0d76249f4

Tree Visualization

0 stars0🌍 Public
VVenkat-Sumith-Thota
Last edited Jul 22, 2023
Created on Jul 22, 2023
Forked from Hello VizHub

This example visualizes a hierarchical tree structure of a university’s departments and courses using D3 v5. Thecode imports data from a local ES6 module and renders an SVG tree layout with `d3.tree()`, `d3.hierarchy()`, and custom link paths via cubic Bézier curves. Each depth level is distinguished by a different shape (circle, rectangle, ellipse) and color, while node labels are positioned above or below based on whether they have children. The visualization runs entirely in the browser with SVG rendering.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.