HTMLGraph

Nodes Configuration

    
const element = document.getElementById('canvas');

const canvas = new CanvasBuilder()
  .setElement(element)
  .setDefaults({
    nodes: {
      centerFn: (w, h) => ({ x: w / 2, y: h / 2 }),
      priority: "incremental",
    },
  })
  .build();

  

NodesConfig Fields

NameTypeDescriptionRequiredDefault
centerFnfunctionDefault function to determine the node’s centerno(w, h) => ({ x: w / 2, y: h / 2 })
priorityPriorityDefault node priorityno0

Priority Options

TypeDescriptionExample
numberEach node is assigned a constant Z-index5
"incremental"Each subsequent node receives an incremented Z-index"incremental"
functionZ-index is determined by a specified function() => 10 + i++;