Add graphs, comparison details and list browser to VS Code plugin

[groke]

From our partners at TechMatrix:

Request/Question:
We have received requests from multiple customers to increase the content that can be displayed within VSCode.
As you know, the usage of VSCode is also very high in Japan.

Feedback:

Requested by: Toyota, Denso, Panasonic, Mitsubishi Electric,Woven by Toyota…
Content: Developers who use VSCode would like to be able to view Understand's analysis results within VSCode. They have requested an increase in the content that can be displayed within VSCode, such as dependencies and metrics.

Requested features and our perceived pros/cons:

1.  **Graph View** (including Differential Graph View)
   

Objectives:Understanding the structure and investigating impact analysis.

Pros: Clear and visual representation
Cons: Possibility of large graph size

Modified Entities
Objectives: Instantly viewing the difference in metrics when making code changes and maintaining the values of the metrics.
Pros: Sets Understand apart from other competing products
Cons: None in particular

List Browser
Objectives:Investigating impact analysis.
Pros: Ability to jump to code, unlike graph generation
Cons: Dependency on information browser, which may not accommodate variable tracking

We would greatly appreciate it if you could provide us with your company's perspective on the feasibility of implementing the above requests. If there are any features that you are considering adding to the VSCode extension, please let us know.

• Graphs
• Modified Entities
• List Browser

[RobbyCBennett]

All of these feature would require work in both userver and the VS Code plugin.

There is a similar interface to the List Browser available in VS Code: the References panel. It is accessed with the command "References: Find All References".

[RobbyCBennett]

It sounds like graphs in VS Code is a pretty important feature. Which graphs should I add first?

[groke]

Butterfly, then Control Flow

[RobbyCBennett]

Design 1	Design 2	Desgin 3

[RobbyCBennett]

The purpose of this interface in my design is to select a graph. Once clicked, it will open a full view of the graph. I could also add a command and context menu button called "Graphs" and also "Last Graph".

[groke]

I like it. Let's start with the text only to avoid the work of generating thumbnails, but eventually I'd like to move to the thumbnail view.

[RobbyCBennett]

Okay. I'll do that. I think I prefer the large thumbnails to the small ones.

[RobbyCBennett]

Here's what it looks like right now. There are a few bugs to fix.

[RobbyCBennett]

I fixed some bugs and it seems functional. I improved the name of the tab to be "GRAPH - ENT".

[HeidiJoe]

I think this looks good. Easy to use, and definitely like the improved tab name.

@katescitools Will you add testing of the graphs in VSCode to your list?