Skip to content
SciTools Blog
Menu
  • Home
  • Blog
  • Support
  • Contact
  • Login
  • Pricing
  • Free Trial
Menu

Code Browsing using Graphical Views

Posted on July 9, 2021

TLDR:

Showing references in Understand graphical trees is a great way to hone in on the calls that built the tree as you debug or try to comprehend source code.

Details:

Here is the butterfly graph showing the Call and CallBys for the function AssignPeopleToPlaces() of the Imperial College COVID model that I’ve looked at in prior articles.

I’ve circled an area of interest, but where the graph is kind of confusing to read:

We already covered a way to demystify a confusing graph – the “Relationship Graph“. I’m going to do one of those between my function of interest and “exp()”:

That’s better… this shows how the code can get from AssignPeopleToPlaces() to exp(), but what are those #’s on the edges of the graph?

They are the number of call references made in the calling function to the next function down the graph. The # is interesting, for sure, but what would really be interesting as I walk this code are the actual calls.

No problem… just Right Click on the # and the references magically appear:

Now using a tool layout I showed you in my “Setup Understand for Awesome Code Browsing” article, I’ve got the Source Previewer (via View->Previewer) docked over on the right side, and [x] Sync and [Prefer] have it grabbing all the requests to show source.

And now as I walk thru this reduced tree, right-clicking, I can visit each of the references for the call relationship between each node in the graph, seeing what the actual source code action looks like as I walk down the graph:

Summary:

I made a Call/CallBy butterfly graph of a function of interest, then reduced it using the “Relationship Graph”, and then walked the references that built the reduced graph showing the source for each reference as we go. Nice!

Pro-Tip: This works on any hierarchical graph in Understand.

  • Instagram
  • Facebook
  • LinkedIn
  • Twitter
  • YouTube

Learn more about Understand's Features

  • Dependency Graph
    View Dependency Graphs
  • Comply with Standards
  • View Useful Metrics
  • Team Annotations
  • Browse Depenedencies
  • Edit and Refactor

Related

Leave a Reply Cancel reply

You must be logged in to post a comment.

  • API
  • Architectures
  • Business
  • Code Comparison
  • Code Comprehension
  • Code Navigation
  • Code Visualization
  • Coding Standards
  • Dependencies
  • Developer Notes
  • DevOps
  • Getting Started
  • Legacy Code
  • Licensing
  • Metrics
  • Platform
  • Plugins
  • Power User Tips
  • Programming Practices
  • Uncategorized
  • Useful Scripts
  • User Stories
  • May 2025
  • January 2025
  • December 2024
  • November 2024
  • August 2024
  • June 2024
  • May 2024
  • March 2024
  • February 2024
  • January 2024
  • December 2023
  • November 2023
  • October 2023
  • September 2023
  • August 2023
  • June 2023
  • April 2023
  • January 2023
  • December 2022
  • November 2022
  • September 2022
  • August 2022
  • May 2022
  • April 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021

©2025 SciTools Blog | Design: Newspaperly WordPress Theme