Common Configuration

The configuration base, independent of resource technology, is available on the Manta Admin UI page under Configurations > Server > Visualization > Common Settings. This JSON-based configuration contains the following sections.

Section Description
globalSettings Global-scope parameters of the visualization
universalImages Basic icons used in lineage graphics (for example, Follow and Expand buttons)
defEdge Edge default settings
defNode Node default settings
edges Optional configuration of particular edge types; if defined, overrides common settings in defEdge for the configured edge types
startNode Specific configuration of start nodes

Content Types

A description of content types used in the following text.

Content type Description Example
HTML Color RGB color model format used in HTML language #75fbc0
Relative URL URL relative to the Manta Server application context, starting with / (slash) /img/icon_collapse_positive_off.png

Items in the globalSettings Section

Item Content type Description
showWatermark boolean Flag whether a watermark should be displayed behind the lineage
watermark Relative URL Image displayed as a watermark when showWatermark is set to true
showFilters boolean Flag whether the filter options should be displayed
showPermalink boolean Flag whether the “Create permalink” menu item should be displayed
allowRestart boolean Flag whether the “Restart visualization for this element” context menu item should be displayed

Items in the universalImages Section

Item Content type Description
btnExpandExpanded Relative URL Icon of the expand button in expanded state; the icon size must be 16 x 16 px
btnExpandCollapsed Relative URL Icon of the expand button in collapsed state; the icon size must be 16 x 16 px
btnFollow Relative URL Icon of the follow button for further data flow discovery (see Discover Further Data Flow for details), the icon size must be 16 x 16 px

Each item has two variants with the order one suffixes Positive and Negative (for example, btnExpandExpandedPositive and btnExpandExpandedNegative). The Positive variant is suitable for light backgrounds, whereas the Negative one is for dark backgrounds.

Each item has an optional variant with the order two suffix On (for example, btnExpandExpandedPositiveOn and btnFollowNegativeOn) displayed when the cursor hovers over the icon.

Items in the defEdge Section

Item Content type Description
width Double Edge width
color HTML color Edge color
borderWidth (Reserved for the future)
borderColor (Reserved for the future)
headFill HTML color Fill the color of the edge arrow
headWidth Double Edge arrow border width
highlightColorFwd HTML color Color of the edge contained in forward flow
highlightColorBwd HTML color Color of the edge contained in backward flow
highlightColorCycle HTML color Color of the edge contained in both forward and backward flow
fadeoutColor HTML color Color of edge outside the selected flow
opacity Double Edge opacity; the value must be in the <0, 1> interval: 1 = opaque, 0 = transparent
attributes JSON map A map of edge attribute keys to attribute names

Items in the defNode Section

Item Content type Description
iconPositive Relative URL Positive variant of the node default icon; the icon size must be 16 x 16 px
iconNegative Relative URL Negative variant of node default icon; the icon size must be 16 x 16 px
bgcolor HTML color Node default background color
bgimage Relative URL Node background texture; if set, it overrides the background color
borderWidth Double Node border width
borderColor HTML color Node border color
color HTML color Node font color
cornerRadius Double Node corner radius in pixels
opacity Double Node opacity; the value must be in the \ <0, 1\> interval: 1 = opaque, 0 = transparent
positive boolean Flag if the node icons should be of the Positive or Negative variant (see previous rows)
selection JSON object Redefinition of the previous items for selected nodes
focus JSON object Redefinition of any of the previous items for focused nodes
highlightFwd JSON object Redefinition of any of the previous items for nodes contained in forward flow
highlightBwd JSON object Redefinition of any of the previous items for nodes contained in backward flow
highlightCycle JSON object Redefinition of any of the previous items for nodes contained in both forward and backward flow
attributes JSON map A map of node attribute keys to attribute names

Items in the edges Section

Item Content type Description
DIRECT JSON object Redefinition of any of the defEdge items for direct edges
FILTER JSON object Redefinition of any of the defEdge items for indirect edges
AGGREGATED_DIRECT JSON object Redefinition of any of the defEdge items for aggregated direct edges
AGGREGATED_FILTER JSON object Redefinition of any of the defEdge items for aggregated indirect edges

startNode Section

This section contains the redefinition of any defNode items for start nodes.

Example Configuration

{
    "globalSettings" : {
        "showWatermark" : false,
        "watermark" : "/img/manta-logo-watermark.png",
        "showFilters": true,
        "showPermalink": true,
        "allowRestart": true
    },

    "universalImages" : {
        "btnExpandExpandedPositive" : "/img/icon_collapse_positive_off.png",
        "btnExpandExpandedNegative" : "/img/icon_collapse_negative_off.png",
        "btnExpandExpandedPositiveOn" : "/img/icon_collapse_positive_on.png",
        "btnExpandExpandedNegativeOn" : "/img/icon_collapse_negative_on.png",
        "btnExpandCollapsedPositive" : "/img/icon_expand_positive_off.png",
        "btnExpandCollapsedNegative" : "/img/icon_expand_negative_off.png",
        "btnExpandCollapsedPositiveOn" : "/img/icon_expand_positive_on.png",
        "btnExpandCollapsedNegativeOn" : "/img/icon_expand_negative_on.png",
        "btnFollowPositive" : "/img/icon_related_connection_positive_off.png",
        "btnFollowNegative" : "/img/icon_related_connection_negative_off.png",
        "btnFollowPositiveOn" : "/img/icon_related_connection_positive_on.png",
        "btnFollowNegativeOn" : "/img/icon_related_connection_negative_on.png"
    },

    "defEdge" : {
        "width" : 1,
        "color" : "#333333",
        "borderWidth" : 0,
        "borderColor" : "#000000",
        "headFill" : "#FFFFFF",
        "headWidth" : 1,
        "hoverColor" : "#FF0000",
        "highlightColorFwd" : "#FF0000",
        "highlightColorBwd" : "#0000FF",
        "highlightColorCycle" : "#CC00CC",
        "fadeoutColor" : "#d0d0d0",
        "opacity" : 1,
        "attributes" : {
            "revState": "Revision State"
        }
    },

    "defNode" : {
        "iconPositive" : "/img/icons/unknown_node_icon_positive.png",
        "iconNegative" : "/img/icons/unknown_node_icon_negaitive.png",
        "bgcolor" : "#eee",
        "bgimage" : null,
        "borderWidth" : 1,
        "borderColor" : "#b8b8b8",
        "color" : "#000",
        "cornerRadius" : 5,
        "opacity" : 1,
        "positive" : true,
        "selection" : {
            "bgcolor" : "#FFFA00",
            "positive" : true,
            "color": "#000000"
        },
        "focus" : {
            "bgcolor" : "#FFFCC0",
            "positive" : true,
            "color": "#000000"
        },
        "highlightFwd" : {
            "bgcolor" : "#FF0000",
            "positive" : false,
            "color": "#FFFFFF"
        },
        "highlightBwd" : {
            "bgcolor" : "#0000FF",
            "positive" : false,
            "color": "#FFFFFF"
        },
        "highlightCycle" : {
            "bgcolor" : "#CC00CC",
            "positive" : false,
            "color": "#FFFFFF"
        },
        "attributes" : {
            "revState": "Revision State",
            "error" : "Error",
            "warning" : "Warning",
            "OBJECT_SOURCE_TYPE" : "Definition Source",
            "DESCRIPTION" : "Description",
            "TRANSFORMATION_DESC" : "Transformation Logic",
            "TRANSFORMATION_TAG" : "Transformation Type",
            "CONNECTION" : "Connection"
        }
    },

    "edges" : {
        "DIRECT" : {
            "color" : "#1e1e1e"
        },
        "FILTER" : {
            "color" : "#0000ff"
        },
        "AGGREGATED_DIRECT" : {
            "color" : "#1e1e1e",
            "width" : 2,
            "headFill" : "#1e1e1e"
        },
        "AGGREGATED_FILTER" : {
            "color" : "#0000ff",
            "width" : 2,
            "headFill" : "#0000FF"
        }
    },

    "startNode" : {
        "bgcolor" : "#000000",
        "color" : "#FFFFFF",
        "borderColor" : "#000000",
        "positive" : false
    }

}