This example shows a collapsible tree visualization built with D3.js v3 and jQuery, displaying hierarchical data from a JSON file. It renders nodes as colored rectangles connected by curved links, with each node representing a named entity and its associated link direction (SYNC or ASYN). The tree layout uses `d3.layout.tree` to position nodes, while SVG elements are updated with animated transitions when nodes are clicked to expand or collapse. The visualization includes zoom and drag capabilities via `d3.behavior.zoom`, tooltips on hover, and arrows on links to indicate direction. Node colors correspond to different types (type1–type4) from the data.