The DEPENDENCE page is a tool for visualizing how packages relate and rely on each other in your code base.


To switch between the treemap and network graph views, use the menu in the top right corner.

Features

Assign colors to packages

Use color to organize and identify key packages and important dependencies. To do so, just right click on a tile or node, then select a color. 

Note: Assigned colors only persist locally. If you clear the cache, colors will reset. To request this feature, create a support ticket or tell the Product team


Toggle incoming and outgoing dependencies

From the menu, you can toggle between the incoming and outgoing dependence maps. Toggling this will redraw the graph showing incoming (to) or outgoing (from) dependencies.


Reading the Treemap

Hierarchy

The treemap plots the packages from the codebase into tiles. A larger tile area means more dependencies. These tiles are then ordered: largest (most dependencies) on the top left, smallest (least dependencies) on the bottom right hand corner.


Hovering the mouse over a tile will bring up a tooltip with the name of the package any given tile represents. If you click the tile, it will zoom in to see the dependencies that link to the package.


Outgoing Nodes

Once zoomed in you can see how many outgoing nodes that package has to the other packages in the repository. The sizes and in this view don't represent anything.


Referencing Where?

The package name in the top left corner is the *to* package. Hovering over a tile in this view will bring up a tooltip box that indicates the package it's referencing.


Reading the Network Graph


Networks

The Network Graph shows either incoming or outgoing dependencies. Select a node to see where it is referencing (outgoing) or being referenced from (incoming). The number on each node represents the count of reference calls, including self-referential.



Network Graph Features

  • Select a node to view only it's immediate dependencies
  • Search to quickly locate a specific package
  • Toggle 'Display name' to have the package name persist on any package a color has been assigned to
  • Save image to output a PNG that includes any color and displayed names