Visualizations appearance

Linkurious Enterprise allows you to modify the visualizations appearence by modifying the ogma.options settings.

To edit the Ogma settings, you can either use the Web user-interface or edit the configuration file located at linkurious/data/config/production.json.

Example configuration:

{
  "renderer": "webgl",
  "nodeGrouping": {
    "displayCollapsedByDefault": false
  },
  "options": {
    "styles": {
      "node": {
        "nodeRadius": 5,
        "shape": "circle",
        "text": {
          "minVisibleSize": 24,
          "maxLineLength": 35,
          "font": "roboto",
          "color": "#000",
          "size": 14,
          "maxTextLength": 60
        }
      },
      "edge": {
        "edgeWidth": 1,
        "shape": "arrow",
        "text": {
          "minVisibleSize": 4,
          "maxLineLength": 35,
          "font": "roboto",
          "color": "#000",
          "size": 14,
          "maxTextLength": 60
        }
      }
    },
    "interactions": {
      "zoom": {
        "modifier": 1.382
      },
      "pan": {
      },
      "rotation": {
        "enabled": false
      }
    },
    "backgroundColor": "rgba(240, 240, 240, 0)"
  }
}

Supported ogma.options settings are available here.

In addition to what you find in the Ogma documentation, Linkurious Enterprise allows the following extra configuration keys:

styles.node.nodeRadius (optional) The node radius
styles.node.shape (optional) The default shape of a node
styles.node.text.maxTextLength (optional) The maximum length of a node caption
styles.edge.edgeWidth (optional) The width of the edge
styles.edge.shape (optional) The default shape of an edge
styles.edge.text.maxTextLength (optional) The maximum length of an edge caption

There are also the following top level options in this ogma settings object:

renderer: (optional) Same as the renderer Ogma option available here.
nodeGrouping.displayCollapsedByDefault (optional) Whether node groups should be displayed as collapsed by default

Previous Next