Dependency Graph

Usage

const graph = new Graph({ width, height }, { layout, direction })

Data Structure

{
  nodes: [
    {
      id: {{ nodeId }},
      shape: 'circle|rect',
      radius: {{ number }},
      width: {{ number }},
      height: {{ number }},
      customNode: {{ function }},
      style: {
        color: {{ hexColor }},
        opacity: {{ number: 0 -> 1 }},
        border: {
          color: {{ hexColor }},
          width: {{ number }}
        }
      }
    }
  ],
  links: [{
    source: {{ sourceNodeId }},
    target: {{ targetNodeId }},
    anchor: {
      source: 'auto|left|right|top|bottom',
      target: 'auto|left|right|top|bottom'
    },
    endpoints: [
      {
        color: {{ hexColor }},
        height: {{ number }},
        width: {{ number }},
        shape: 'arrow|square'
      }
    ],
    style: {
      color: {{ hexColor }},
      width: {{ number }}
    }
  }]
}