Skip to content

Graph

Screenshot
Graph showing membership of three asset groups; Forex, Commodities and Equities

Graph maps associations between parent and child groups.

Set up

  1. Define the nodes with a data source, each of which must have a unique id. Optional Level and Group assignments can be defined for each node.

  2. Map the id column from the data source.

  3. Assign an optional view state for the selected node; stores the id value.

  4. Map the optional Level and Group columns from the data source.

  5. Set the edges with a data source, defines the to/from connectors by id.

Basics

Selected Node
Map to a View State Parameter; used as a column identifier. Click on a Graph element to have the underlying value of the id (must be unique) column from the Graph datasource assigned to the viewstate. Use of Selected Node is optional.
Graph selection: click on a parent or child to assign a Graph variable to the Selected Node view state parameter. Use the Control key to make multiple selections.
Selected Edge
Map to a View State Parameter; used as a column identifier. Click on a Graph element to have the underlying value of the id (must be unique) column from the Graph datasource assigned to the viewstate. Use of Selected Edge is optional.
Graph selection: click on a child element to assign a Graph variable to the Selected Edge view state parameter.

Data

Screenshot

Nodes

Sets organization of graph; vertical or horizontal layout and level identifiers

Source

A query or analytic

Screenshot

Labels
Data source column to be used for Text labels
id (must be unique)
Data source column used as a reference selector; this value will be stored in the Selected Node view state parameter if assigned. Each graph point should have a unique reference ID value.
Level (optional)
Group (optional)

Optional grouping or level organization, defined by the Source. Group definition required for Cluster Scale.

Screenshot A five level process layout

Screenshot Grouped by rank with color coding

Color sources

Background Color
Border Color
Define colors of nodes; set by Source column

Hover color

Background Color
Border Color
Define colors of nodes; set by Source column

Selected color

Background Color
Border Color
Define colors of nodes; set by Source column

Shape

Custom Shape
Define Source column containing shape information; e.g. circle, database, diamond, square, hexagon, triangle

Edges

Flow of graph; From to To or vice versa

Source

A query or analytic

Screenshot

The Data Source should have three columns; for the parent, the children and an assoicated id. Each child will flow to its parent. Parents and children must have unique IDs.

From
Data source column for parents
To
Data source column for children
id (must be unique)
Data source column used as a reference selector; this value will be stored in the Selected Edge view state parameter if assigned. Each graph edge should have a unique reference ID value.

Style

Screenshot

Nodes style

Border Width, Selected Border Width and Colors to use for the connecting graph lines

Edges style

Border Width, Selected Border Width and Colors and whether Arrows are added for the From and To graph connectors

Interaction

Draggable Nodes

Allows user to reposition nodes

Screenshot

Draggable View
Supports pan of Graph view
Select Connected Edges

Highlights all connectors to children from selected parent

Screenshot

Physics

Enable Physics Animations

Enables a force directed graph with physics animations.

Screenshot

When enabled each node can be repositioned and will show the physical effect it has on each other node in the graph.

Screenshot

Maximum Node Velocity
The physics model limits the maximum velocity of the nodes to increase the time to stabilization. 50 is the maximum value.
Minimum Node Velocity
Once the minimum velocity is reached for all nodes, the network has been stabilized and the simulation stops.
Gravitational Constant
The strength of the gravitational forces experienced by each node.
Central Gravity Attractor
The strength of a central gravity attractor to pull the entire network back to the center.
Length of Edges
The edges of the graph are modelled as springs and this parameter determines their length at rest.
Edge Stiffness
Determines the spring constant of each edge.

Physical vs Hierarchical Layout

To use the physical layout correctly, ensure Layout > Hierarchical is disabled.

Tooltips

Show
Enable tooltips
Template
Templates

Actions

Actions

Layout

randomSeed

Defines layout when Hierarchical organization is disabled

Screenshot

Cluster Scale

Determines point at which grouped nodes will cluster together. Move slider until desired effect appears.

Screenshot

Hierarchical

enabled

Organize graph relationships by parent-child relationships

Screenshot

levelSeparation
pixel height between parent and child levels
nodeSpacing
pixel width between children (nodes)
direction
Direction of graph flow. LR: left to right; RL: right to left; UD: up to down; DU: down to up.

Style, Margins, Format

Style for common settings