🌍 Public
Viewing a saved revision (read-only)
7b2f1d01143a475883aad167fd2fdb84
ICE-8 Visualizing tree
This example visualizes a hierarchical file system as an interactive tree diagram, with nodes colored by type: orange for the root drive, blue for folders, and green for files. The flat dataset is converted into a hierarchy using `d3.stratify()`, then laid out with the `d3.tree()` layout. SVG paths draw curved links between parent and child nodes, while circle and text elements label each entry. The layout positions nodes horizontally by depth, with collapsible behavior implied through cursor styling.
AI-generated description