This interactive collapsible tree visualization displays hierarchical data from a JSON file, with each node rendered as a colored rectangle based on its type. The tree expands and collapses with animated transitions when users click on nodes, allowing exploration of the family-styled dataset with labeled links and directional arrows. Built with D3.js v3 and jQuery, the visualization uses SVG for rendering and supports zooming and panning through custom behaviors. Node colors correspond to four distinct data types, while link colors change when selected. The code implements breadth-first traversal for dynamic sizing and collision detection.