{"version":"1.0","type":"rich","title":"Fork of Fork of D3.js collapsible tree ICE-8 kusuma","description":"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).\n\nThe 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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/02e837b827334bbf870bcb83179e2037?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}