- In order to create a graph view, open your graph file (.slg) with the Open View Dialog. Select the view type Graph on the left-hand side of the Open View Dialog window. Then choose the default view template Graph (or one of your custom graph view templates under “My View Templates” if you have saved any previously). The “View Settings” section for a graph view gives you the opportunity to select the node and edge classes that you would like to include in the graph view.
By default, All nodes is selected in the tab Nodes and All edges in the tab Edges. Using this setting, the resulting graph view will show all existing (non-abstract) elements of the data graph. You can limit the selection to certain classes by using the checkboxes. In addition, the drop-down menus next to the node classes (reading Node series by default) allow you to define a node class as normal Node series or as Collapsible node series. By clicking the OK button the Open View dialog is closed and the view is generated. For the example shown above, the graph view could look like this:
Note that we have not defined the detailed view properties of the graph view so far, such as colors or shapes of the elements. We only defined which data to plot. The initial view properties are set automatically by default. In order to fully customize the view and change the view properties to your specific needs you can subsequently use the View Manager (see step 2). On the right side you can see the legend of the graph explaining the different visualizations of data types. It can be hidden by clicking on the arrows symbol in the upper right corner and its title can be changed in the properties pad after selecting the legend.
- Open the View Manager if it is not open already. You can find the View Manager in the top menu section “Tools”. Select one or more Node or Edge series in the View Manager Pad to modify all elements of the series (as shown in the screenshot below). If you would like to modify just a few single nodes or edges, you can directly select them in the graph.
- Go to the Properties Pad and adjust the view properties by choosing from drop downs, entering text or editing boxes. You can have a detailed view of each property by clicking on the “…” button. This will open the Edit Property dialog, which helps you to fine tune your visualization. The table at the end of this article will give you an overview of all available view properties.
- Repeat this procedure for the canvas and the legend by clicking on these elements and adapting the properties as shown in step 3.
- As soon as you are happy with your customized view, you can save the settings by extracting a view template (see figure below). You can then reuse this template for any graph file built with the same metamodel. You find your saved view templates under “My View Templates” in the Open View Dialog.
Available View Properties
In the properties pad, the following view properties can be set for the graph view:
|Graph Elements||Property Name||Description|
|Node||Colorize Image||Allows coloring of images if you use them for visualizing your node|
|Node||Fill Color||Defines the color of your element|
|Node||Height||Defines the height of your element|
|Node||Image||Defines a picture which is used to visualize graph elements|
|Node, Edge||Label Font Color||Defines the color of your label text|
|Node, Edge||Label Font Size||Defines the size of your label|
|Node, Edge||Label Position||Defines the position of your label according to cardinal directions|
|Node, Edge||Label Text||Defines the label text|
|Node, Edge||Label Type||Defines the position of the label regarding whether it should be visualized within or outside of the node|
|Node, Edge||Outline Color||Defines the margin color of the node or the bubble/ The color of the edge|
|Node, Edge||Outline Thickness||Defines the margin size of the node or the bubble/ the thickness of the edge|
|Node||Shape||Defines the shape of the element|
|Node, Edge||Tooltip||Defines the text which is showed while hovering over the element with the mouse|
|Node||Width||Defines the width of the element|
|Node||X||Defines the X-position in the graph|
|Node||Y||Defines the Y-position in the Graph|
|Edge||Dash||Defines the line's shape of the edge|
|Edge||Source Arrow||Defines the source arrow's shape of the node|
|Edge||Target Arrow||Defines the target arrow's shape of the node|
|Canvas||Background Kind||Defines, which kind of background is used, e.g. Gradient, Image or color|
|Canvas||Color||Defines the color of the background|
|Canvas||Gradient End Color||Defines the gradient end color if the background shows a color gradient|
|Canvas||Gradient Start Color||Defines the gradient startcolor if the background shows a color gradient|
|Canvas||Image||Defines the image that should be shown in the background|
|Canvas||Image Tile Mode||Defines whether and how the image should be tiled|
|Canvas||Moving Image||Set the tick at moving image, if you want the backround image to follow the movement of your graph. Thus, i.e. your company´s logo stays in the view while you are scrolling through the graph.|
|Canvas||Show Track Ball||Enables the trackball to quickly extract all relevant data while hovering over graph elements|
|Legend||Is Legend Visible||Defines whether the legend is shown or hidden|
|Legend||Title||Sets the legend title|
|Canvas||Tooltip||Sets text which will be shown when hovering over the Graph window|
|Node||Pin Node||Click for explanation|
|Node, Edge||Label Link||Click for explanation|