🌍 Public
Viewing a saved revision (read-only)
b240c2eb90f34a3e95d189d1039a0310
DV2_7_Tree
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.
AI-generated description