Skip to content

Decorations

Introduction

In Common Canvas, nodes and links can be enhanced with decorations. A decoration is either:

  • An image

  • A label

  • A shape (SVG path) or

  • A JSX object

Decorations can be applied to a node or link in a number of ways and can be made interactable so when the user clicks on the decoration the decorationActionHandler is called.

Here are some node decorations displayed by IBM’s SPSS Modeler application:

Here are some link decorations displayed by IBM’s Data Stage application:

Note: The link labels and the small icons on the links are decorations as well as the circle at the source of each link.

Tips for Decorations

A decoration can have a tooltip:

Editable label decoration

Label decorations can be made to be editable.