Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Collapsible Tree Final Version 2

Public visualization

Viewing a saved revision (read-only)

d092337101a14ec48ae2ad36412e959a

Collapsible Tree Final Version 2

0 stars0🌍 Public
Rrainyrainyguo
Last edited Nov 29, 2020
Created on Nov 26, 2020

This interactive collapsible tree visualization displays a hierarchical structure of computer science topics using SVG and animation. Users can click on circular nodes to expand or collapse their children, while clicking on text labels opens a Wikipedia page for that topic. The tree uses D3 v4’s zoom behavior, transitions with `duration`, and a custom depth-based layout algorithm. Node positions are calculated using depth counts and a scale factor, with data sourced from the `newData2.js` file. The visualization includes white text outlines and color-coded nodes to indicate expandable branches.

AI-generated description