In this Session…
Before you begin…
To follow along, download:
and the Snapshots library:
How To GraphXR: Module 7. Preferences
Before You Begin…
Ideally, you’ll have worked through Module 6. Shortcut.
If you’re starting here, and you want to follow along, you’ll need to:
With our .GXRF loaded, let’s explore how to set preferences controlling the display of nodes, edges and property data in our graph. You’ll find these functions in the Project panel’s Category or Relationship tabs or Settings tab.
To make the changes easier to see, we’ve hidden some of the Character nodes and arranged data by category in different grid and circle layouts. Open the snapshots library and load this data view now. TIP: left click+drag to move any selection of data.
Open the Project panel and Category tab to conﬁgure node display. The labeled bubbles at the top list the categories available in the project.
The Avatar URL property checkbox lets us display an avatar image on the nodes. We’ll select the characterImage property, since we know it has URL values.
Click the Caption property checkboxes for characterName and kills properties. Captions can be either text or numerical values. By default, captions appear to the right of the node in the order you select them. NOTE: In the Settings tab, the Node Caption Position menu lets you reposition captions.
Click the Node Size checkbox for the kills property to display Character nodes sized according to the number of kills. (Node Size works only for a property with numerical values.)
In either the Category tab or the Legend, click the colored dot for a category to display the Styling Setting dialog where you can change the color and add an icon.
Let’s leave the color as it is but apply an icon to our House nodes.
The icon now appears in the Legend next to the category label. You can click the dot or icon next to any element in the Legend to display the Styling Setting dialog and choose a new color or icon for a category, or color for a property or relationship.
You can also configure color and visibility of a category or relationship using the Project panel. Click the Relationship tab and the APPEARED_ON bubble. Click the color swatch to display a color picker and choose a different color. Click Visibility to show or hide edges of this relationship.
Unique property values for categories and relationships are automatically assigned separate colors, and you can change these as well. In the Legend, click the Property tab, select a property name, and click the colored dot next to a property value to select a new color.
Scaled color is useful for coloring property values, especially numbers or dates.
The Settings tab includes controls to configure display of all nodes and edges. Let’s go over those now.
For nodes you can control the base node size scale and icon mode, show or hide pin icons, show or hide Avatar urls, control caption size scale and caption position, and use the more compact Truncate Caption option.
For edges you can control the edge width scale, use curved lines, dashed lines or blended lines, show or hide directional arrows, and show or hide relationship names as a caption on all edges.
For general 3-dimensional display, the Fog Density slider makes nodes and edges that are further away appear less visible.
Click the Theme toggle to switch between a dark or light background for the project graph space.
Now click the Show Hidden Nodes toolbar icon to restore the Character nodes and their connected edges that we hid for this module.
We’ve already seen some of the layout options in action. Next, in Module 8. Layout and Pinning, we’ll delve into how to use layouts to explore and visualize the graph.
How to GraphXR: Module 8. Layout and Pinning.