Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8 Visualizing tree

Public visualization

Viewing a saved revision (read-only)

7742f7f5182a4e8097b642dad5e0f9c5

ICE-8 Visualizing tree

0 stars2🌍 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