{"version":"1.0","type":"rich","title":"DV2_7_Tree","description":"This example displays a hierarchical tree of car models, from the root \"car\" node down to specific models like \"Toyota\" and \"XUV500\". The visualization uses a D3.js v3 layout algorithm to position rectangular nodes, with each node's color determined by its `type` field. Interactive pan and zoom capabilities are implemented through `d3.behavior.zoom`. The tree structure is loaded from a JSON file via `d3.json`, and the rendering includes animated transitions when nodes are clicked, shown as SVG paths and rects.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1b108a7b575d41309af8a61d05fcf120?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}