---
schema_version: "1"
id: 40d6477c4671638b25f2c8163dbae224ce3e6bfbf99f778e00a99fd3b5478393
title: Customize the API Visualizer Canvas
collection: mulesoft
version: current
locale: en-us
portal_url: https://docs.salesforce.com/mulesoft/current/en-us/visualizer/customize-your-canvas.md
canonical_url: https://docs.mulesoft.com/visualizer/customize-your-canvas
source_site: docs.mulesoft.com
content_type: documentation
content_hash: c882f4f3b76415d3c45495e3449eed56315be6ff9e63870961dfa01e8e519549
description: MuleSoft Documentation Site
latest: true
---
---
product: API Visualizer
---

# Customize the API Visualizer Canvas

> For the full documentation index, see: https://docs.mulesoft.com/llms.txt

You can choose what appears in your API 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 API Visualizer
user can access them. When you close API 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).

> [!NOTE] You can’t customize layers, tags, and display names using the runtime properties in
> Runtime Manager Canada and Japan control plane deployments.

## Layers

You can use one of the default layers provided by API Visualizer, or add a custom layer to create a
visual representation of the apps in your network. You can use layers across API Visualizer, but
note that you can only define layers in the
[API Visualizer Architecture Visualization](https://docs.mulesoft.com/visualizer/architecture-visualization).

To automate the classification of nodes into layers, configure the property
`anypoint.platform.visualizer.layer=<name>`.

For more information, see [Using Layers in API Visualizer](https://docs.mulesoft.com/visualizer/layers).

## 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 API Visualizer, but note that you can only define tags
in the [API Visualizer Architecture Visualization](https://docs.mulesoft.com/visualizer/architecture-visualization).

To automate adding tags to a node, use the property
`anypoint.platform.visualizer.tags=<name>, <name>`.

For more information, see [Using Tags in API Visualizer](https://docs.mulesoft.com/visualizer/use-tags-in-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 API Visualizer, but note that you can define display names only in the
[API Visualizer Architecture Visualization](https://docs.mulesoft.com/visualizer/architecture-visualization).

To automate adding a display name to the node, configure the property
`anypoint.platform.visualizer.displayName=<name>`.