Skip to main content
100%

ICE-8 Visualizing tree

✓ Published2🌍 Public
AAbhiramPudi@my.unt.edu
Last edited Nov 9, 2025
Created on Nov 9, 2025
Forked from Map

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
MIT Licensed

Similar vizzes