Customize the Canvas
You can choose what appears in your Anypoint Visualizer canvas by applying filters for environments, tags, and services. This enables you to hide the nodes that you do not want to see in the application graph. Filters have a cascading design, so all nodes that don’t belong to the checked environments or tags are automatically hidden from the list of services.
You can toggle Show dependents and dependencies to see the services and dependencies of the nodes and services which have the selected tags. The View card and the canvas are updated to display the current selection.
Users who have the Visualizer Editor permission can save defined views so that any Anypoint Visualizer user can access them. When you close Anypoint Visualizer and reload the canvas later, the views you last accessed are displayed.
You can customize layers, tags, and display names in the Architecture visualization UI or by setting a runtime property. If you are using a Mule runtime patch that was released after December 12, 2019, you can use all unicode characters with UTF-8 encoding (such as international letters, symbols, and numbers).
Layers
You can use one of the default layers provided by Anypoint Visualizer, or add a custom layer to create a visual representation of the apps in your network. You can use layers across Anypoint Visualizer, but note that you can only define layers in the Architecture visualization.
To automate the classification of nodes into layers, configure the property anypoint.platform.visualizer.layer=<name>.
For more information, see Use Layers in Anypoint Visualizer.
Tags
You can add tags to API, application, proxy, or other services, so you can use the tags as filters to adjust your view. You can use tags across Anypoint Visualizer, but note that you can only define tags in the Architecture visualization.
To automate adding tags to a node, use the property anypoint.platform.visualizer.tags=<name>, <name>.
For more information, see Use Tags in Anypoint Visualizer.
Display Name
You can edit the display name of a service to provide a more readable, explanatory title. You can use display names across Anypoint Visualizer, but note that you can define display names only in the Architecture visualization.
To automate adding a display name to the node, configure the property anypoint.platform.visualizer.displayName=<name>.