Follow the Quickstart instructions for your code editor.
See How to use AppMap diagrams, a guide with animated demonstrations of using AppMaps.
The AppMap view lists and searches across all AppMap files in your current project folders. You can open it from the top level menu (View -> Open view… -> AppMap), with an AppMap action or by clicking on its icon in the side bar.
AppMap tool window actions:
To open the list of AppMap extension actions, press
COMMAND+SHIFT+P on macOS and type
When you open a
.appmap.json file in the editor, you are presented with an AppMap interactive diagram.
Click on the
(i)nformation icon in the bottom right corner to display quick help.
Use the navigation bar for quick navigation to items of interest, for example, HTTP routes, labels, packages, classes, functions, etc. When you select an object or an event in the diagram, its details and related objects and events are displayed in this panel.
Click the circular arrow icon in the top right corner to reset the current filter or selection and navigate to the default Dependency map.
The Dependency Map diagram shows all the code that’s relevant to what you’re working on and how it’s connected. Here you can search and navigate through web services, code, libraries, dependency services, and SQL, all in the context of a specific feature.
Dependency map actions:
The Trace diagram shows all the details of how a feature works. It displays a call tree, each box representing a call event - a Web service endpoint, a function call or an SQL command.
The AppMap data format provides for class and function
labels, which can be used to enhance the AppMap visualizations, and to programatically analyze the data. See the AppMap agent documentation for details about adding labels to your code.
Labels are visualized in the Trace diagram and in class and function details panel, and can be used for filtering and navigation in both diagrams.