Coordinate Mode Demonstrator

  This demonstrates use of the different shape and edge coordinate modes.
  Please see this page's source code for further hints.

  We draw the following graph:

  Notes:

  1. In the input JSON, we defined the edge inside node A for demonstration purposes.
     It did not have to be defined there. (You can define it anywhere.)
     This means the PARENT of the edge is node A, while the CONTAINER is node Q.

  2. For each combination of coordinate modes, we show the upper left corner
     coordinates for each node, and the coordinates of the start and end points
     of the edge.

  3. The leaf nodes (A and C) each have dimensions 30x30. Thus, for example, when
     edgeCoords = PARENT, the start point of the edge is at offset (30, 15) from
     the upper left corner of A (see below).

  4. You can use software of your choice to draw the graph, but it must
     work with the type of coordinates you tell ELK to use.

Drawing in the Different Coordinate Modes