Link Visualizer settings

Options that define the layout and appearance of visualizations in the Link Visualizer application are defined in settings.link-visualizer.json.

Settings are defined as a list of named configurations. The name of each configuration must be unique.


{
  "displayOptions":  {
    "configname1": {
      "displayName": "displayname",
      "tooltip": "string",
      "clusterByLinkType": true | false,
      "layout": "Hierarchy | Organic",
      "maxLinksToDisplayPerLinkType": integer,
      "chartFormat": {
        "startNode": {
          "shape": "circle | square | diamond",
          "color": "CSS_color",
          "selectedColor": "CSS_color",
          "highlightColor": "CSS_color"
        },
        "recordNode": {
          "shape": "circle | square | diamond",
          "color": "CSS_color",
          "selectedColor": "CSS_color",
          "highlightColor": "CSS_color"
        },
        "linkNode": {
          "shape": "circle | square | diamond",
          "color": "CSS_color",
          "selectedColor": "CSS_color",
          "highlightColor": "CSS_color"
        },
        "line": {
          "color": "CSS_color",
          "selectedColor": "CSS_color",
          "highlightColor": "CSS_color",
          "lineStyle": "arrow | line",
          "label": true | false
        }
      }
    },
    "configname2": {
      ...
    }
  }
}

Example

{
  "displayOptions": {
    "A": {
      "displayName": "Hierarchical View",
      "tooltip": "Display simple hierarchical links",
      "clusterByLinkType": true,
      "layout": "Hierarchical",
      "maxLinksToDisplayPerLinkType": 20,
      "chartFormat": {
        "startNode": {
          "shape": "roundedRectangular",
          "background": "#519d7b",
          "selectedBackground": "#4be89f",
          "highlightBackground": "#4be89f",
          "color": "#fff",
          "selectedColor": "#fff"
        },
        "recordNode": {
          "shape": "rectangular",
          "background": "#51739D",
          "selectedBackground": "#53A0ff",
          "highlightBackground": "#519D7B",
          "color": "#fff",
          "selectedColor": "#fff",
          "highlightColor": "#fff"
        },
        "linkNode": {
          "shape": "angledRectangular",
          "background": "#ddd",
          "color": "#717171",
          "selectedBackground": "#474c55",
          "selectedColor": "#fff",
          "highlightBackground": "#519D7B"
        },
        "line": {
          "background": "#DDD",
          "selectedBackground": "#474c55",
          "highlightBackground": "#519D7B",
          "lineStyle": "rectilinear",
          "label": false
        }
      }
    },
    "B": {
      "displayName": "Organic View",
      "tooltip": "Useful for complex network cases",
      "clusterByLinkType": false,
      "layout": "Organic",
      "maxLinksToDisplayPerLinkType": 20,
      "chartFormat": {
        "startNode": {
          "shape": "roundedRectangular",
          "background": "#519d7b",
          "selectedBackground": "#4be89f",
          "highlightBackground": "#4be89f"
        },
        "recordNode": {
          "shape": "rectangular",
          "background": "#51739D",
          "selectedBackground": "#53A0ff",
          "highlightBackground": "#519D7B",
          "selectedColor": "#fff"
        },
        "linkNode": {
          "shape": "angledRectangular",
          "background": "#ddd",
          "color": "#717171",
          "selectedBackground": "#474c55",
          "selectedColor": "#fff",
          "highlightBackground": "#519D7B"
        },
        "line": {
          "background": "#DDD",
          "selectedBackground": "#474c55",
          "highlightBackground": "#519D7B",
          "lineStyle": "polyLineIfParallel",
          "label": true
        }
      }
    }
  }
}

See Granta MI Administration and Configuration for detailed information about Link Visualizer configuration.