CircularLayoutData

const layoutData = new CircularLayoutData()
layoutData.circleIds = new Mapper()
graph.applyLayout(new CircularLayout(), layoutData)

for (const node of graph.nodes) {
  console.log(
    `Node ${node} has been placed in circle ${layoutData.circleIds.get(node)}`
  )
}

// Use the node's tag for circle assignment.
// Nodes with the same tag are placed on the same circle.
layoutData.customGroups = (node) => node.tag// Use the node's tag for circle assignment.
// Nodes with the same tag are placed on the same circle.
layoutData.customGroups = (node: INode) => node.tag

for (const node of circle1) {
  // Use the collection as custom group ID, since it's the same for all nodes of it
  layoutData.customGroups.mapper.set(node, circle1)
}
for (const node of circle2) {
  // Use the collection as custom group ID, since it's the same for all nodes in it
  layoutData.customGroups.mapper.set(node, circle2)
}

layoutData.customGroups.constant = {}
// has the same effect as
circularLayout.layoutStyle = CircularLayoutStyle.SINGLE_CYCLE

layoutData.edgeDirectedness.constant = 1

// edge1 should be considered directed
layoutData.edgeDirectedness.mapper.set(edge1, 1)
// edge2 should be considered directed against the flow
layoutData.edgeDirectedness.mapper.set(edge2, -1)
// All other edges not set in the mapper are treated as undirected

// Treat edges as directed or undirected based on their style's arrowhead
layoutData.edgeDirectedness = (edge) => {
  const style = edge.style
  // edges with either no arrows on both ends or an arrow on both ends should be considered undirected
  if (
    (style.sourceArrow === null && style.targetArrow === null) ||
    (style.sourceArrow !== null && style.targetArrow !== null)
  ) {
    return 0
  }
  // edges with only a target arrow are directed from source to target
  if (style.targetArrow !== null) {
    return 1
  }
  // edges with only a source arrow are directed from target to source
  if (style.sourceArrow !== null) {
    return -1
  }
  return 0
}// Treat edges as directed or undirected based on their style's arrowhead
layoutData.edgeDirectedness = (edge: IEdge): 0 | 1 | -1 => {
  const style = edge.style as PolylineEdgeStyle
  // edges with either no arrows on both ends or an arrow on both ends should be considered undirected
  if (
    (style.sourceArrow === null && style.targetArrow === null) ||
    (style.sourceArrow !== null && style.targetArrow !== null)
  ) {
    return 0
  }
  // edges with only a target arrow are directed from source to target
  if (style.targetArrow !== null) {
    return 1
  }
  // edges with only a source arrow are directed from target to source
  if (style.sourceArrow !== null) {
    return -1
  }
  return 0
}

layoutData.nodeHalos.constant = NodeHalo.create(20)

// node1 only reserves space above and below
layoutData.nodeHalos.mapper.set(node1, NodeHalo.create(20, 0, 0, 10))
// node2 has space all around
layoutData.nodeHalos.mapper.set(node2, NodeHalo.create(25))
// all other nodes don't get extra space

// Retrieve the space around the node from its Tag property
layoutData.nodeHalos = (node) => NodeHalo.create(parseFloat(node.tag))// Retrieve the space around the node from its Tag property
layoutData.nodeHalos = (node: INode): NodeHalo =>
  NodeHalo.create(parseFloat(node.tag))