Explore Your Map

Your Codebase Map is an interactive, editable architecture diagram that shows all of the codebase dependencies across your repository.

Maps begin with most folders collapsed. You can open and close a folder by clicking the toggle icon in the upper-left corner of the folder. You can change the positions of files and folders by clicking and dragging them to a new location on the canvas.

The arrows between files or folders indicate dependencies. Each dependency is represented by an arrow that points from one file to the file it uses.

File Browser

The panel on the left side of the Map shows your codebase's entire file and folder tree. You can hide files or folders from the diagram by clicking the “eye” icon. You can also select multiple items by holding down Shift or Ctrl and clicking items.

Screen capture of the file browser in CodeSee Maps toggling folders' visibilityScreen capture of the file browser in CodeSee Maps toggling folders' visibility

Right-click to bring up a menu to hide all selected items, or hide everything in the repository except for what you selected.

Use this visibility feature to hide the parts of the repo that are not relevant to the Map you are making.

The file browser also includes a search bar at the top, where you can filter by the name of files or folders.

Auto Insights

CodeSee will automatically gather insights from your repository. Use the toggle switches to enable or disable Insights on your Map.

When Insights are displayed on your Map, your labels will be temporarily replaced by those corresponding to the insights themselves. To restore your labels, disable the Insight using the toggle switch.

Screen capture of CodeSee's insights, showing different typesScreen capture of CodeSee's insights, showing different types

Below the File Browser, you'll find three insight types:

  • Engineering Hot Spots: See which files and folders have had the most recent commits.
  • Latest Activity: See when the last commit to a file or folder was made.
  • Creation Date: See when files and folders were created relative to today's date.
  • Lines of Code: See how many lines of code files contain and quickly locate the largest files in your codebase.

Data Panel

The Data Panel allows you to view the code of the file or folder of your Map. Simply click on a node, and the Data Panel will automatically appear under your Map Legend. In addition, the Data Panel provides helpful metadata about the file or folder.

Panning and Zooming

Pan across your Map with your mouse’s scroll wheel or by clicking and dragging on the background of the Map. Zoom in and out by holding down the Ctrl key while scrolling.

Screen capture of CodeSee's panning and zoomingScreen capture of CodeSee's panning and zooming

You can activate Panning Mode by clicking on the Pan button, represented by a hand icon. This will allow you to pan your Map by clicking and dragging. To return to node selection mode, click on the arrow icon.

You can also zoom in and out with the Zoom controls at the bottom-right of the Map interface:

Screenshot of CodeSee's zooming functionalityScreenshot of CodeSee's zooming functionality

Did this page help you?