Graph database Analysis of the Steam Network
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

1.8 KiB

sigma.renderers.edgeLabels

Plugin developed by Sébastien Heymann for Linkurious.

Contact: seb@linkurio.us


General

This plugin displays edge labels.

See the following example for full usage.

To use it, include all .js files under this folder.

Settings

This plugin extends Sigma.js settings in a transparent way to render edge labels, see settings.js:

  • defaultEdgeLabelColor

    • type: string
    • default value: #000
  • defaultEdgeLabelActiveColor

    • type: string
    • default value: rgb(236, 81, 72)
  • defaultEdgeLabelSize

    • type: number
    • default value: 10
  • edgeLabelSize

    • Indicates how to choose the edge labels size.
    • type: string
    • default value: fixed
    • available values: fixed, proportional
  • edgeLabelSizePowRatio

    • The opposite power ratio between the font size of the label and the edge size.
    • type: number
    • default value: 0.8
// Formula:
Math.pow(size, - 1 / edgeLabelSizePowRatio) * size * defaultEdgeLabelSize
  • edgeLabelThreshold
    • The minimum size an edge must have to see its label displayed.
    • type: number
    • default value: 1

The plugin also forces drawEdgeLabels to true.

The default values provided by the plugin may be overridden when instantiating Sigma, e.g.:

var sigInst = new sigma({
  container: 'graph-container',
  settings: {
    edgeLabelSize: 'proportional'
  }
});

Renderers

This plugin provides the following edge label renderers:

  • line (default)
  • arrow (use default)
  • curve
  • curvedArrow

Compatibility

This plugin is compatible with sigma.plugins.activeState.