Visualization
TangleGuard reveals the system’s key building blocks and shows you how they depend on one another. It renders your source code as a directed graph diagram using Cytoscape.js and the Dagre layout.
The diagrams are interactive. You can move the nodes and layers around as you like. Currently it’s not possible to save the custom layout but that is a priority item on the roadmap.
Layers overview
Section titled “Layers overview”The workspace overview shows the highest level components, which are the layers only.
Layers and packages
Section titled “Layers and packages”You can also explore the internals of each package. Each node of the graph represents a package, and the edges represent dependencies between them.
Modules within a package
Section titled “Modules within a package”