Required Permission: Project Settings management (Read more about permissions in User Groups)

Table of Contents

The Visualization setting is used to configure default visualization functionality and styling when the user creates a new visualization.

1. Configuration

In the "Application Menu" (top right) choose page "Project Settings"
In the "Project Settings" panel click on the "Visualization" row.
Enter JSON configuration and confirm by pressing the "Save" button.

2. Description of configuration

Configuration is entered in JSON format.

2.1. Example Configuration

{
   "relationshipModel":"dirMergedEdges",
   "nodeTitleProp":["db_or_virtual_property_key_1", "db_or_virtual_property_key_2"],
   "relTitleProp":["db_or_virtual_property_key_1", "db_or_virtual_property_key_2"],
   "mergedRelTitleProp":["virtual_property_key_1", "virtual_property_key_2"],
   "dirMergedRelTitleProp":["virtual_property_key_1", "virtual_property_key_2"],
   "showInfoPanelOnInit":true,
   "showRefreshNotificationOnInit":true,
   "titleBackground":true,
   "legend":{
      "showLegend": true,
      "showNotMapped": true,
      "position": "LB",
      "iconSize": 20,
      "fontSize": 10,
      "maxItems": 20,
      "exportScale": 1.5
   },
   "geoMap" : {
      "latitudeProperty":"your_latitude_property_name",
      "longitudeProperty":"your_longitude_property_name",
      "mapBoxConfig":"vector",
      "showMapOnInit":true,
      "maxZoomInAnimations":10
   }, 
   "exploringIconEnabled":true,
   "maxNodesForAnimation":200,
   "exploringFilter":{
      "maxNodesToExplore":200,
      "maxNodesFromExploring":5000,
      "nodes":{
         "type":"positive",
         "labels":["Node Label 1", "Node Label 2"],
         "propertyFilter":[
            {
               "property":"ontology",
               "type":"MULTISELECT",
               "values":["Some value 1", "Some value 2"]
            }
         ]
      },
      "edges":{
         "type":"positive",
         "types":["RELATED_TO"],
         "propertyFilter":[
            {
               "property":"property name",
               "type":"RANGE_SLIDER",
               "values":[
                  0.5,
                  1.0
               ],
               "minValue":0.4,
               "maxValue":1.0
            }
         ]
      },
      "showFilter":{
         "behavior":"always",
         "minNodes":20,
         "minEdges":20
      }
   },
   "layouts": {
      "forceDirected": {
        "springLength": 150,
        "springCoeff": 0.0008,
        "mass": 4,
        "gravity": -10,
        "pull": 0.001,
        "theta": 0.666,
        "dragCoeff": 0.02,
        "movementThreshold": 1,
        "maxIterations": 5000,
        "maxSimulationTime": 20000,
        "randomize": true
      }
    },
    "timeline":{
      "isOn":true,
      "startDateProperty":"property",
      "endDateProperty":"property",
      "dateFormat":"YYYY-MM-DD",
      "showTime":false,
      "interval":604800000,
      "ranges":[
        {
            "title" : "Last 1 year",
            "range" : 31536000000
        },
        {
            "title" : "Last 5 years",
            "range" : 157766400000
        },
        {
            "title" : "Last 10 years",
            "range" : 315532800000
        },
        {
            "title" : "Last 20 years",
            "range" : 631152000000
        }
      ],
      profiles: [
         { 
           "title" : "Profile 1", 
           "startDateProperty" : "startDate", 
           "endDateProperty" : "endDate" 
         }, 
         { 
           "title" : "Profile 2", 
           "startDateProperty" : "startDate2", 
           "endDateProperty" : "endDate2" 
         }
      ]
   },
   "autoRefresh":{
      "enabled" : false,
      "interval" : 60,
      "onRefresh" : "console.log(changes.nodes.length);"
   },
   "arrowRendering":{
      "edges":true,
      "mergedEdges":true,
      "dirMergedEdges":true
   },
   "edgeRenderingLimit": {
      "edges" : 10000,
      "dirMergedEdges" : 20000,
      "mergedEdges" : 30000
   },
   "hideToolboxIcons":[
      "SELECT_OUTGOING",
      "SELECT_INCOMING"
   ],
   "propertyCharts":{
      "maxDimensionValues":200
   },
   "selections":{
      "mode" : "LASSO",
      "polygonColor" : "#CCC",
      "selectedStateColor" : "#1D8ECE"
   },
   "shortestPath":{
      "maxLength": 15,
      "maxNumOfPaths": 50,
      "direction": "BOTH"
   },
   "toolboxMenuTypes":{
      "graphTools" : "INLINE",
      "selectionTools" : "AUTO",
      "layoutTools" : "MENU",
      "relationshipModels" : "AUTO"
   },
   "nodeTooltipProps":[
      {
         "property":"db_or_virtual_property_key_1"
      },
      {
         "property":"db_or_virtual_property_key_2"
      }
   ],
   "relTooltipProps":[
      {
         "property":"db_or_virtual_property_key_3"
      },
      {
         "property":"db_or_virtual_property_key_4"
      }
   ],
   "mergedRelTooltipProps":[
      {
         "property":"virtual_property_key_1"
      }
   ],
   "dirMergedRelTooltipProps":[
      {
         "property":"virtual_property_key_2"
      }
   ],
   "nodeSnippetProps":[
      {
         "property":"db_or_virtual_property_key_1"
      },
      {
         "property":"db_or_virtual_property_key_2"
      }
   ],
   "nodeFilterProps":[
      {
         "property":"db_or_virtual_property_key_1" 
      },
      {
         "property":"db_or_virtual_property_key_2"
      }
   ],
   "mappers":{
      "nodes":{
         "background_color":{
            "id":"1"
         },
         "background_image":{
            "id":"2"
         },
         "border_width":{
            "id":"21"
         },
         "border_color":{
            "id":"22"
         },
         "size":{
            "id":"3"
         },
         "shape":{
            "id":"6"
         }
      },
      "rels":{
         "line_color":{
            "id":"5"
         },
         "line_style":{
            "id":"9"
         },
         "width":{
            "id":"4"
         },
         "curve_style":{
            "id":"42"
         },
         "target_arrow_shape":{
            "id":"18"
         }
      }
   }
}

2.2. Explanation of the JSON properties

Property

Values

Default

Description

relationshipModel

"edges", "mergedEdges", "dirMergedEdges"

"edges"

Default Relationship Model set at new visualization initialization (when the user creates a new visualization).

showInfoPanelOnInit

true, false

true

Turns on/off the right Info Panel on visualization initialization.

showRefreshNotificationOnInit

true, false

true

Turns on/off the notification about data change on visualization initialization.

titleBackground

true, false

false

Turns on/off a white background on titles in visualization (texts below nodes and on relationships).

geoMap

Object

disabled

Configuration of the geographical layer in visualization.

geoMap.latitudeProperty

String

Your property key with latitude data (latitude in decimal format).

geoMap.longitudeProperty

String

Your property key with longitude data (longitude in decimal format).

geoMap.mapBoxConfig

String or Object

"vector"

MapBox configuration object. There are two predefined configurations "vector" and "raster" or a custom configuration object can be used. For examples please see Geo Map Server Integration.

geoMap.showMapOnInit

Boolean

false

Turns on/off of the map on visualization initialization.

geoMap.maxZoomInAnimations

Number

10

The max zoom of the map in animations, like centering on a node or set of nodes, is a number between 0 and 22 (it can be decimal).

legend

Object

Configuration of the legend panel shown in the visualization canvas.

legend.showLegend

Boolean

true

Turn on/off the legend.

legend.showNotMapped

Boolean

true

Turn on/off the display of “Other values” and “Undefined value” mapping values in the legend.

legend.position

String

“LB”

“LB” - Left Bottom, “LC” - Left Center

legend.iconSize

Number

20

Width and height of the icon in pixels.

legend.fontSize

Number

10

Font size in pixels.

legend.maxItems

Number

20

Max number of items (mappings) in mapperType=”discrete”.

legend.exportScale

Number

1.5

The scale of the legend in PNG export. If the scaled size is bigger than the exported image then a maximal scale to fit the legend into the image is used.

exploringIconEnabled

Boolean

true

Turns on/off exploring icons (plus and loading) in the top right corner of the nodes (not fully expanded nodes) in a new visualization.

maxNodesForAnimation

Integer greater than zero

200

The max number of nodes that will be added with animation after an exploring action. If the number of nodes is higher the nodes will be rendered on their final positions without the animation effect. The exploring itself or the result of the exploring action is not affected in any way by this setting.

exploringFilter

Object

200

The default configuration of the Expand Filter for every new visualization that is created.

exploringFilter.maxNodesToExplore

Integer greater than zero

2000

Limit for the maximum number of nodes that can be explored (queried for relationships) at once. This is an upper limit used for better user experience in graphs with high degree nodes where users can easier end up with long queries in exploring actions.

If set to null then the number of explored nodes is not limited.

exploringFilter.maxNodesFromExploring

Integer greater than zero

50000

The maximum number of nodes that can be added to the visualization in one exploring action (one double-clicking on a node or after exploring a number of nodes). This upper limit is applied after all filtering is done and the number of nodes is still very high. It's mostly used for better user experience in graphs with high degree nodes where users can easier end up with long queries in exploring actions.

If set to null then the number of added nodes is not limited.

exploringFilter.nodes

Object

Configuration of the node filter

exploringFilter.nodes.type

String

"noFilter"

Type of the node filter. Options:

"positive": only nodes that will pass the "propertyFilter" will be added to the visualization.
"negative": all nodes except nodes that will pass the "propertyFilter" will be added to the visualization.
"noFilter" : no filtering is used. Every node from exploring will be added to the visualization.

exploringFilter.nodes.labels

Array of Strings

Empty array

An array of node labels. A node will pass the filter only when the node has at least one of the node labels listed in this setting.

exploringFilter.nodes.propertyFilter

Array of PFDO

Empty array

An array of PFDO (Property Filter Definition Objects). See below for more information about the PFDO structure.

exploringFilter.edges

Object

Configuration of the edge (relationship) filter

exploringFilter.edges.type

String

"noFilter"

Type of the edge (relationship) filter. Options:

"positive": only edges that will pass the "propertyFilter" will be added to the visualization.
"negative": all edges except edges that will pass the "propertyFilter" will be added to the visualization.
"noFilter": no filtering is used. Every edge from exploring will be added to the visualization.

exploringFilter.edges.types

Array of Strings

Empty array

An array of edge (relationship) types. Edge will pass the filter only when the edge has set one of the edge types listed in this setting.

exploringFilter.edges.propertyFilter

Array of PFDO

Empty array

An array of PFDO (Property Filter Definition Objects). See below for more information about the PFDO structure.

PFDO.property

String

Name of the property based on which the filter will be filtering graph elements from exploring results.

PFDO.type

String

Type of the filter. Options:

"MULTISELECT" : list of values. The list will be populated automatically with distinct values of the defined "property".
"RANGE_SLIDER" : Slider with range selection. Values that will be used as default slider values for the lower and higher

PFDO.values

Array of Strings or Numbers

Values that are used as a default setting of the Property Filter. Options:

for "type"="MULTISELECT" use an array of Strings (no upper limit), e.g. [ "value 1", "value 2", "value 3" ]
for "type"="RANGE_SLIDER" use an array of Numbers with exactly two values, e.g. [ 0.3, 1.0 ]

PFDO.minValue

Number

Minimal value of the slider UI element. Used together with "type"="RANGE_SLIDER".

PFDO.maxValue

Number

Maximal value of the slider UI element. Used together with "type"="RANGE_SLIDER".

exploringFilter.showFilter

Object

Object with the configuration of the Exploring FIlter pop-up behavior and thresholds.

exploringFilter.showFilter.behavior

String

"never"

Configuration of the pop-up behavior of the filter. Options:

"always": the filter will be displayed in every exploring of the graph
"large": threshold triggered showing of the filter. The threshold is set with "minNodes" and "minEdges"
"never": the Filter is never automatically displayed. Users can access the filter through the menu (arrow) next to the Exploring icon in the Tools panel

exploringFilter.showFilter.minNodes

Integer greater than zero

20

The minimal number of nodes that will trigger the Exploring Filter to be shown (after an exploring action). This configuration is used only when the "behavior" is set to "large".

exploringFilter.showFilter.minEdges

Integer greater than zero

20

The minimal number of edges (relationships) that will trigger the Exploring Filter to be shown (after an exploring action). This configuration is used only when the "behavior" is set to "large".

layouts

layouts.forceDirected

layouts.forceDirected.springLength

Number greater than zero

150

The ideal length of a spring. The edge length can be longer or shorter if the forces are set to extreme values.

layouts.forceDirected.springCoeff

Number between 0 and 1

0.0008

Hooke's law coefficient. The value ranges on [0, 1]. Lower values give looser springs. Higher values give tighter springs.

layouts.forceDirected.mass

Number greater than zero

4

The mass of the node in the physics simulation. The mass affects the gravity node repulsion/attraction.

layouts.forceDirected.gravity

Number

-10

Coulomb's law coefficient. Makes the nodes repel each other for negative values and attract each other for positive values.

layouts.forceDirected.pull

Number greater than zero

0.001

A force that pulls nodes toward the center of the canvas. Higher values keep the components less spread out.

layouts.forceDirected.theta

Number between 0 and 1

0.666

Theta coefficient from Barnes-Hut simulation. The value ranges on [0, 1]. Performance is better with smaller values. Very small values may not create enough force to give a good result.

layouts.forceDirected.dragCoeff

Number greater than zero

0.02

Friction/drag coefficient to make the system stabilize over time.

layouts.forceDirected.movementThreshold

Number greater than zero

1

When the total of the squared position deltas is less than this value, the simulation ends.

layouts.forceDirected.maxIterations

Number greater than zero

5000

Maximum iterations before the layout will stop. A large value may allow for a better result. A small value may make the layout end prematurely.

layouts.forceDirected.maxSimulationTime

Number greater than zero

20000

Maximum time (in sec.) before the layout will stop. A large value may allow for a better result. A small value may make the layout end prematurely.

layouts.forceDirected.randomize

Boolean

false

If set to true the node positions are randomized before the simulation starts.

timeline

Object

Timeline configuration. If the "timeline" configuration is not present then the Timeline widget is not activated in the visualization.

timeline.isOn

Boolean

false

If set to true then the Timeline widget is turned on when a new visualization is created and only data for the pre-set date interval is visualized (see "timeline.interval" setting below).

timeline.startDateProperty

String

Name of a property where the element's start date of the time validity interval is stored.

If your data model has only one DateTime point (e.g. events or workflows) then simply set "startDate" and "endDate" to the same DateTime (same property name).

timeline.endDateProperty

String

Name of a property where the element's end date of the time validity interval is stored.

If your data model has only one DateTime point (e.g. events or workflows) then simply set "startDate" and "endDate" to the same DateTime (same property name).

timeline.dateFormat

see the table in the description

Configuration for datetime parser which reads the datetime data from timeline.startDateProperty and timeline.endDateProperty values.

Date format	Example of a valid value	Description
"epochTimeNumber"	1430517600000	Integer value - number of milliseconds from 1.1.1970 (Unix epoch time). This is the fastest option because no parsing is involved and the value is used directly.
"epochTimeString"	"1430517600000"	A string that can be parsed to an integer value representing the number of milliseconds from 1.1.1970 (JavaScript epoch time).
"YYYYMMDD"	"20150325"	Only date without time. Four digits year. Year first. No separator.
"YYYY-MM-DD"	"2015-03-18"	Only date without time. Four digits year. Year first. Dash separator.
"YYYY-M-D"	"2015-3-18"	Only date without time. Four digits year. Year first. Dash separator. Day and month can be single-digit numbers.
"YY-MM-DD"	"15-03-18"	Only date without time. Two digits year. Year first. Dash separator. When the year is greater than "50" it's considered to be "19YY", otherwise "20YY".
"YY-M-D"	"15-3-18"	Only date without time. Two digits year. Year first. Dash separator. When the year is greater than "50" it's considered to be "19YY", otherwise "20YY". Day and month can be single-digit numbers.
"YYYY-MM-DD hh:mm:ss"	"2015-03-18 20:23:59"	Date and time. Four digits year. Year first. Dash separator in date.
"YYYY.MM.DD hh:mm:ss"	"2015.03.18 20:23:59"	Date and time. Four digits year. Year first. Dot separator in date.
"YYYY.MM.DD hh:mm:ss.ms"	"2015.03.18 20:23:59.901"	Date and time, including milliseconds. Four digits year. Year first. Dot separator in date.
"DD.MM.YYYY"	"18.03.2015"	Only date. Four digits year. Year last. Dot separator in date.
"D.M.YYYY"	"18.3.2015"	Only date. Four digits year. Year last. Dot separator in date. Day and month can be single-digit numbers.
"DD.MM.YY"	"18.03.15"	Only date. Two digits year. Year last. Dot separator in date. When the year is greater than "50" it's considered to be "19YY", otherwise "20YY".
"D.M.YY"	"18.3.15"	Only date. Two digits year. Year last. Dot separator in date. Day and month can be single-digit numbers. When the year is greater than "50" it's considered to be "19YY", otherwise "20YY".
"DD.MM.YY hh:mm:ss"	"18.03.15 20:23:59"	Date and time. Two digits year. Day first. Dot separator in date.
"DD.MM.YYYY hh:mm:ss"	"18.03.2015 20:23:59"	Date and time. Four digits year. Day first. Dot separator in date.
"MM/DD/YYYY"	"03/18/2015"	Date and time. Four digits year. Month first. Slash separator in date.
"M/D/YYYY"	"3/18/2015"	Date and time. Four digits year. Month first. Slash separator in date. Day and month can be single-digit numbers.
"MM/DD/YY"	"03/18/15"	Date and time. Two digits year. Month first. Slash separator in date. When the year is greater than "50" it's considered to be "19YY", otherwise "20YY".
"M/D/YY"	"3/18/15"	Date and time. Two digits year. Month first. Slash separator in date. When the year is greater than "50" it's considered to be "19YY", otherwise "20YY". Day and month can be single-digit numbers.
"DD/MM/YYYY"	"18/03/2015"	Date and time. Four digits year. Day first. Slash separator in date.
"D/M/YYYY"	"18/3/2015"	Date and time. Four digits year. Day first. Slash separator in date. Day and month can be single-digit numbers.
"DD/MM/YY"	"18/03/15"	Date and time. Four digits year. Day first. Slash separator in date. When the year is greater than "50" it's considered to be "19YY", otherwise "20YY".
"D/M/YY"	"18/3/15"	Date and time. Four digits year. Day first. Slash separator in date. When the year is greater than "50" it's considered to be "19YY", otherwise "20YY". Day and month can be single-digit numbers.

timeline.showTime

Boolean

false

Time in the "hh:mm:ss" format is shown on the slider if "showTime" is set to true.

timeline.interval

Integer

Interval defined in miliseconds. Typical values:

1 hour = 3600000
1 day = 86400000
1 week = 604800000
1 month (defined as 365days/12) = 2628000000

timeline.ranges

Array of TRDOs

List of TRDOs (Timeline Range Definition Object). Timeline Ranges are pre-defined ranges that can be used to change the timeline slider to match the range (upper timeline date is not changed and the lower timeline date is changed to match the pre-defined range between lower and upper timeline date.

Default pre-defined ranges are "Last 1 year", "Last 5 years", "Last 10 years", "Last 20 years"

TRDO.title

String

Title of the range used in the UI.

TRDO.range

Number

Range to be set in the Timeline defined in ms. For example: to set a range of 10 days, use the number 864000000.

timeline.profiles

Array of TPDOs

List of TPDOs (Timeline Profile Definition Object). Profiles are definitions of database properties that should be used to compute timeline validity data for graph elements (nodes and relationships). It's useful to have different timeline profiles if you need to analyze the graph in regards to different business dates defined as separate timeline profiles.

TPDO.title

String

Title of the profile used in the UI.

TPDO.startDateProperty

String

Name of the property where the start date is stored on graph elements.

TPDO.endDateProperty

String

Name of the property where the end date is stored on graph elements.

timeline.ranges.title

String

Name of the range that will be shown in the UI.

timeline.ranges.range

Integer greater than 0

The number of milliseconds that will be used to set the range after picking it. The maximum value of the Timeline slider will be set to the maximal value possible and the minimum value will be set to the maximal minus the range value.

autoRefresh

Object

Configuration of the Auto-Refresh functionality which can be used to periodically check for graph data changes in the graph database and to act upon any detected change.

autoRefresh.enabled

Boolean

false

If true the Auto-Refresh is performing periodical checks to detect any graph data changes.

autoRefresh.interval

Integer

60

Interval in seconds between two automatic refresh checks.

autoRefresh.onRefresh

Function Body (String)

Body of a JS functional that should be called after changes are detected with the Auto-Refresh feature. This is not a good place for a lot of logic, use it only to call some internal API, custom widget methods (runtime inserted JS), or to console.log something.

arrowRendering

Object

edges: true
dirMergedEdges: true
mergedEdges: false

Configuration of edge arrows rendering for different Relationship Models. Contains three boolean flags:

"edges" - true/false for turning On/Off of the edge arrow rendering when the "edges" Relationship Model is used.
"dirMergedEdges" - true/false for turning On/Off of the edge arrow rendering when the "dirMergedEdges" Relationship Model is used.
"mergedEdges" - true/false for turning On/Off of the edge arrow rendering when the "mergedEdges" Relationship Model is used.

edgeRenderingLimit

Object

edges: 10000
dirMergedEdges: 20000
mergedEdges: 30000

Configuration of rendering limits for relationships. When the limit for particular relationships model will be reached the model will be disabled and

if the current model was "edges" the model will be switched to "dirMergedEdges"
if the current model was "dirMergedEdges" the model will be switched to "mergedEdges"
if the current model was "mergedEdges" the relationship rendering will be turned off completely.

When the number of relationships in the visualization will be reduced below the limit the particular relationship model will be enabled again.

hideToolboxIcons

Array of Strings

List of Tools Panel features that should be turned off (hidden).

Current tools that can be suppressed with this setting:

"SELECT_OUTGOING" - hide the button for selecting outgoing nodes.
"SELECT_INCOMING" - hide the button for selecting incoming nodes.

propertyCharts

Object

Configuration of the histogram chart on tab Statistics in the visualization's Control Panel.

propertyCharts.maxDimensionValues

Integer greater than 4

200

The maximum number of nodes for which the dimension chart type will be available. The Dimension chart outputs all values of the property which can clutter the UI in large visualizations.

selections

Object

Configuration of the batch selection mode.

selections.mode

String

"LASSO"

Selection mode - the shape of the selection overlay polygon. Values:

"LASSO"
"BOX"

selections.polygonColor

String

#CCC

Color of the overlay polygon drawn during the batch selection process (usually started with CTRL + mouse drag gesture).

selections.selectedStateColor

String

#1D8ECE

Color of the node and relationship overlay when they are in the selected state.

shortestPath

Object

shortestPath.maxLength

Number

10

The maximal length of shortest paths that the shortest path algorithm should calculate.

shortestPath.maxNumOfPaths

Number

100

The maximal number of returned paths. It's possible to greatly improve the performance of the algorithm by setting the maxNumOfPaths to a lower number in graphs with numerous components and high degree nodes.

shortestPath.direction

String

"BOTH"

The direction of relationships used in the shortest path algorithm. Possible values:

"BOTH" : All paths, without considering the relationship direction, will be returned.
"OUTGOING" : only paths with relationship direction "from start to end" will be returned.
"INCOMING" : only paths with relationship direction "from end to start" will be returned.

toolboxMenuTypes

Object

Configuration of the menu types for tools in the Tools panel.

toolboxMenuTypes.graphTools

String

"AUTO"

Configuration of the Graph Tools menu in the Tools panel. Possible values are:

"INLINE" : all icons are visible in one line
"MENU" : only the last used icon is visible. Other icons are hidden in a drop-down menu.
"AUTO" : "INLINE" if the screen is wide enough, otherwise "MENU".

toolboxMenuTypes.selectionTools

String

"AUTO"

Configuration of the Selection Tools menu in the Tools panel. Possible values are:

"INLINE" : all icons are visible in one line
"MENU" : only the last used icon is visible. Other icons are hidden in a drop-down menu.
"AUTO" : "INLINE" if the screen is wide enough, otherwise "MENU".

toolboxMenuTypes.layoutTools

String

"AUTO"

Configuration of the Layout Tools menu in the Tools panel. Possible values are:

"INLINE" : all icons are visible in one line
"MENU" : only the last used icon is visible. Other icons are hidden in a drop-down menu.
"AUTO" : "INLINE" if the screen is wide enough, otherwise "MENU".

toolboxMenuTypes.relationshipModels

String

"AUTO"

Configuration of the Relationships menu in the Tools panel. Possible values are:

"INLINE" : all icons are visible in one line
"MENU" : only the last used icon is visible. Other icons are hidden in a drop-down menu.
"AUTO" : "INLINE" if the screen is wide enough, otherwise "MENU".

nodeTitleProp

Array of Strings

An array of node DB properties or virtual properties that are concatenated and used in several places in visualization (node title, tooltip title, tab Detail title, node snippet title) to identify the node. For best results, it should be a DB property with unique identification or name for nodes.

relTitleProp

Array of Strings

An array of relationship DB properties or virtual properties that are concatenated and used as relationship title in visualization.

mergedRelTitleProp

Array of Strings

An array of merged relationship virtual properties that are concatenated and used as merged relationship title in visualization. If set to null or not defined then no merged relationship titles are shown in the visualization.

dirMergedRelTitleProp

Array of Strings

An array of direction merged relationship virtual properties that are concatenated and used as direction merged relationship title in visualization. If set to null or not defined then no direction merged relationship titles are shown in the visualization.

nodeTooltipProps

Array of objects

An array of node DB properties that are listed in the node tooltip. Each property is defined as a simple object with only one item - property. If set to null or not defined then no DB properties are printed in the node tooltip. Ordering in GUI is the same as in this setting.

Example:

"nodeTooltipProps" : [
    { "property":"db_or_virtual_property_key" },
    { "property":"db_or_virtual_property_key" }
]

relTooltipProps

Array of objects

An array of relationship DB properties that are listed in the relationship tooltip. Each property is defined as a simple object with only one item - property. If set to null or not defined then no data is printed in the relationship tooltip. Ordering in GUI is the same as in this setting.

Example:

"relTooltipProps" : [
    { "property":"db_or_virtual_property_key" },
    { "property":"db_or_virtual_property_key" }
]

mergedRelTooltipProps

Array of objects

An array of merged relationship virtual properties that are listed in the merged relationship tooltip. Each property is defined as a simple object with only one item - property. If set to null or not defined then no data is printed in the merged relationship tooltip. Ordering in GUI is the same as in this setting.

Example:

"mergedRelTooltipProps" : [
    { "property":"virtual_property_key" }
]

dirMergedRelTooltipProps

Array of objects

An array of direction merged relationship virtual properties which are listed in the direction merged relationship tooltip. Each property is defined as a simple object with only one item - property. If set to null or not defined then no data is printed in direction merged relationship tooltip. Ordering in GUI is the same as in this setting.

Example:

"dirMergedRelTooltipProps" : [
    { "property":"virtual_property_key" }
]

nodeSnippetProps

Array of objects

An array of node DB properties that are used as additional node identification in visualization tabs, e.g. in search or in node details. If set to null or not defined then no additional information is used in GUI and the only identification of node is nodeTitleProp.

Example:

"nodeSnippetProps" : [
    { "property":"db_or_virtual_property_key" },
    { "property":"db_or_virtual_property_key" }
]

nodeFilterProps

Array of objects

An array of node DB properties that are used in the advanced filter in the search tab in visualization. Ordering in GUI is the same as in this setting.

If set to null or not defined then all DB properties from "nodeProperties" in Data Schema which have dataRole set to "dimension" are used.

Example:

"nodeFilterProps" : [
    { "property":"db_or_virtual_property_key" },
    { "property":"db_or_virtual_property_key" }
]

mappers

Object

Contains two properties: "nodes" and "rels" with default style mappers definitions which are used when the user creates a new visualization.

mappers.nodes

Object

Empty object

The "nodes" object contains references to specific style mappers that should be used to style nodes when the user creates a new visualization (these mappers have to be already defined in the Style Mappers setting and then referenced with the mapper's id property). There can be one and only one mapper defined for every style property (e.g. for line color, width, curve style, ...). When no mapper is defined for some style properties then the internal default values are used automatically.

mappers.nodes.background_color

Object

Default styles

Definition of node background color mapper. This object contains only property id which is the ID of a style mapper that should be used when the user creates a new visualization. If not defined or set to null then the default styles are applied.

mappers.nodes.background_image

Object

Default styles

Definition of node background image mapper. This object contains only property id which is the ID of a style mapper that should be used when the user creates a new visualization. If not defined or set to null then the default styles are applied.

mappers.nodes.border_width

Object

Default styles

Definition of node border-width mapper. This object contains only property id which is the ID of a style mapper that should be used when the user creates a new visualization. If not defined or set to null then the default styles are applied.

mappers.nodes.border_color

Object

Default styles

Definition of node border color mapper. This object contains only property id which is the ID of a style mapper that should be used when the user creates a new visualization. If not defined or set to null then the default styles are applied.

mappers.nodes.shape

Object

Default styles

Definition of node shape mapper. This object contains only property id which is the ID of a style mapper that should be used when the user creates a new visualization. If not defined or set to null then the default styles are applied.

mappers.nodes.size

Object

Default styles

Definition of node size mapper. This object contains only property id which is the ID of a style mapper that should be used when the user creates a new visualization. If not defined or set to null then the default styles are applied.

mappers.rels

Object

The "rels" object contains references to specific style mappers that should be used to style relationships when the user creates a new visualization (these mappers have to be already defined in the Style Mappers setting and then referenced with the mapper's id property). There can be one and only one mapper defined for every style property (e.g. for line color, width, curve style, ...). When no mapper is defined for some style properties then the internal default values are used automatically.

mappers.rels.line_color

Object

Default styles

Definition of relationship line color mapper. This object contains only property id which is the ID of a style mapper that should be used when the user creates a new visualization. If not defined or set to null then the default styles are applied.

mappers.rels.line_style

Object

Default styles

Definition of relationship line type mapper. This object contains only property id which is the ID of a style mapper that should be used when the user creates a new visualization. If not defined or set to null then the default styles are applied.

mappers.rels.width

Object

Default styles

Definition of relationship width mapper. This object contains only property id which is the ID of a style mapper that should be used when the user creates a new visualization. If not defined or set to null then the default styles are applied.

mappers.rels.curve_style

Object

Default styles

Definition of relationship curve style mapper. This object contains only property id which is the ID of a style mapper that should be used when the user creates a new visualization. If not defined or set to null then the default styles are applied.

mappers.rels.target_arrow_shape

Object

Default styles

Definition of relationship target arrow shape style mapper. This object contains only property id which is the ID of a style mapper that should be used when the user creates a new visualization. If not defined or set to null then the default styles are applied.